-webkit-autofill 这种东西要查找浏览器的兼容。选择器的话看下jquery源码就知道了是否支持一种样式。var input= document.createElement('input'), vendors = 'Khtml Ms O Moz Webkit'.split(' '), len = vendors.length; return function(prop) { if (prop in input.style) return true; prop = prop.replace(/^[a-z]/, function(val) { return val.toUpperCase(); }); for (var i = 0; i len; i++) { if (vendors[i] + prop in input.style) { // browser supports eg:box-shadow. Do what you need. // Or use a bang (!) to test if the browser doesn't. return true; } } return false; };
成都创新互联专注于企业全网营销推广、网站重做改版、薛城网站定制设计、自适应品牌网站建设、H5响应式网站、购物商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为薛城等各大城市提供网站开发制作服务。
没这样用过，一般需要的话直接设置在css里了，如果在js里加，一般用onmouseover和onmouseout等事件配合
伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。
CSS术语
解释：在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树推断出来，":lang"在一些情况下也在从文档树中推断出来。
伪类有：:first-child ，:link:，vistited，:hover:，:active，:focus，:lang，:right，:left，:first
何为伪类?就是css内植类css内部本身赋予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿来使用，当然你也可以改变它的部分属性比如：a:link{color:#FF0000;}
CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类。
伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开选择符和伪类。
CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类。
:link用在未访问的连接上。
:visited用在已经访问过的连接上。
:active用于获得焦点（比如，被点击）的连接上。
:hover 用于鼠标光标置于其上的连接。
方法一，完全用js模拟（这样太麻烦）
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleTitle/title
style
.css1{
width: 100px;
height: 200px;
border: 1px solid black;
}
.css1:hover
{
border: 2px solid red;
}
/style
/head
body
div这是一个div/div
script
var div = document.getElementsByTagName("div")[0];
div.style.cssText = "border:1px solid red;width:100px;height:100px";
div.onmouseover = function () {
div.style.cssText = "border:1px solid black;width:100px;height:100px";
};
div.onmouseout = function () {
div.style.cssText = "border:1px solid red;width:100px;height:100px";
};
/script
/body
/html
2.方法二：js加css，还是麻烦
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleTitle/title
style
.css1{
width: 100px;
height: 200px;
border: 1px solid black;
}
.css1:hover
{
border: 2px solid red;
}
/style
/head
body
div这是一个div/div
script
// var div = document.getElementsByTagName("div")[0];
// div.style.cssText = "border:1px solid red;width:100px;height:100px";
// div.onmouseover = function () {
// div.style.cssText = "border:1px solid black;width:100px;height:100px";
// };
// div.onmouseout = function () {
// div.style.cssText = "border:1px solid red;width:100px;height:100px";
// };
var div = document.getElementsByTagName("div")[0];
div.setAttribute("class","css1");
/script
/body
/html
其实完全可以不用js来设置css，这样会比较麻烦，最直接的方法就是在元素里面直接设置class，在style或者css文件里面定义样式，如果有伪类这些也可以写在里面就好。
应该是清除浏览记录location.history，但javascript没办法清除，所以最好的办法是写CSS样式去覆盖它，把颜色跟访问前的颜色设成一样就可以了，如：
a:link,a:visited{color:#00c;}
Javascript。Vbscript这个脚本语言现在使用越来越少，只有微软支持，出现在ASP，IE,和Office套装中，使用了弱类型，面向过程的语法，有伪类的实现，但没有多态和继承，语法不够灵活。JavaScript则是伴随着浏览器一起发展成长的一门伟大的语言，方便异步编程语法，在Googel的V8引擎推出后，JavaScript已经成为唯一的互联网全能选手，每个方面不一定是最优，但都可以排得上号。千锋教育就有线上免费JavaScript线上公开课。
Javascript和vbscript虽然都作为脚本语言，但是JS比VBS应用要广泛。就前台而言，没有人会用VBS作为前台交互脚本，因为只有IE才能支持VBS，FF等主流浏览器并不支持VBS，这也就在很大程序上限制了VBS在前台的发展，从更大范围来说，JS影响了整个WEB方向，像AJAX，JSON，XML，RSS等，都离不开JS。在只学一种语言的前提下，JavaScript是最好的选择。如果想了解JavaScript更多相关知识，建议到千锋教育了解一下。千锋教育目前在18个城市拥有22个校区，年培养优质人才20000余人，与国内20000余家企业建立人才输送合作关系，院校合作超600所。
