-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; };
成都創(chuàng)新互聯專注于企業(yè)全網營銷推廣、網站重做改版、薛城網站定制設計、自適應品牌網站建設、H5響應式網站、購物商城網站建設、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為薛城等各大城市提供網站開發(fā)制作服務。
沒這樣用過,一般需要的話直接設置在css里了,如果在js里加,一般用onmouseover和onmouseout等事件配合
偽類對元素進行分類是基于特征(characteristics)而不是它們的名字、屬性或者內容;原則上特征是不可以從文檔樹上推斷得到的。
CSS術語
?解釋:在感覺上偽類可以是動態(tài)的,當用戶和文檔進行交互的時候一個元素可以獲取或者失去一個偽類。例外的是":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)是選擇符的螺栓,用來指定一個或者與其相關的選擇符的狀態(tài)。它們的形式是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套裝中,使用了弱類型,面向過程的語法,有偽類的實現,但沒有多態(tài)和繼承,語法不夠靈活。JavaScript則是伴隨著瀏覽器一起發(fā)展成長的一門偉大的語言,方便異步編程語法,在Googel的V8引擎推出后,JavaScript已經成為唯一的互聯網全能選手,每個方面不一定是最優(yōu),但都可以排得上號。千鋒教育就有線上免費JavaScript線上公開課。
Javascript和vbscript雖然都作為腳本語言,但是JS比VBS應用要廣泛。就前臺而言,沒有人會用VBS作為前臺交互腳本,因為只有IE才能支持VBS,FF等主流瀏覽器并不支持VBS,這也就在很大程序上限制了VBS在前臺的發(fā)展,從更大范圍來說,JS影響了整個WEB方向,像AJAX,JSON,XML,RSS等,都離不開JS。在只學一種語言的前提下,JavaScript是最好的選擇。如果想了解JavaScript更多相關知識,建議到千鋒教育了解一下。千鋒教育目前在18個城市擁有22個校區(qū),年培養(yǎng)優(yōu)質人才20000余人,與國內20000余家企業(yè)建立人才輸送合作關系,院校合作超600所。