1、-moz代表firefox瀏覽器私有屬性

創(chuàng)新互聯(lián)公司成立于2013年,我們提供高端網(wǎng)站建設(shè)公司、成都網(wǎng)站制作公司、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、成都營(yíng)銷(xiāo)網(wǎng)站建設(shè)、微信小程序開(kāi)發(fā)、微信公眾號(hào)開(kāi)發(fā)、營(yíng)銷(xiāo)推廣服務(wù),提供專(zhuān)業(yè)營(yíng)銷(xiāo)思路、內(nèi)容策劃、視覺(jué)設(shè)計(jì)、程序開(kāi)發(fā)來(lái)完成項(xiàng)目落地,為混凝土攪拌站企業(yè)提供源源不斷的流量和訂單咨詢(xún)。
2、-ms代表ie瀏覽器私有屬性
3、-webkit代表safari、chrome私有屬性
這些是為了兼容老版本的寫(xiě)法,比較新版本的瀏覽器都支持直接寫(xiě):border-radius。
現(xiàn)在比較流行的一個(gè)概念就是:不太關(guān)鍵的樣式,可以不考慮兼容,比如你說(shuō)的圓角,并不影響內(nèi)容的顯示,如果客戶(hù)瀏覽器太舊,就讓他看到舊的方形效果就是,一定要看到新效果,只能建議客戶(hù)升級(jí)瀏覽器。
css換不了下拉菜單的箭頭樣式,表單要漂亮必須用html+js+css來(lái)模擬,JQ也有很現(xiàn)成的表單美化插件。
百度:js美化表單
div{
width: 20px;
height: 20px;
border: 2px solid #000;
border-top: none;
border-right: none;
transform:rotate(45deg);
}
你可以做一個(gè)帶箭頭的div;然后樣式如下:
div
{
/* 箭頭的樣式,你自己設(shè)計(jì),下面是旋轉(zhuǎn)的樣式*/
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
這個(gè)是CSS3,所以瀏覽器并不是都兼容的。上面的deg就是角度單位度。
用插件:select2.js 百度搜索那個(gè)名字即可,現(xiàn)在基本是最好用的下拉組件。
原理就是將原來(lái)的select隱藏,用新的div構(gòu)建一個(gè)下拉菜單,遮蓋在原來(lái)的位置。
自己做的話(huà),可以試試在select上覆蓋一個(gè)div層,用絕對(duì)定位。然后把select的透明度opacity寫(xiě)為0.01,不能為0,然后點(diǎn)擊那個(gè)層,就相當(dāng)與點(diǎn)擊了那個(gè)select,div寫(xiě)什么就由你定了。
分享標(biāo)題:css3箭頭樣式,css帶箭頭直線樣式
網(wǎng)頁(yè)URL:http://chinadenli.net/article14/dsspsde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、靜態(tài)網(wǎng)站、網(wǎng)站策劃、虛擬主機(jī)、微信公眾號(hào)、網(wǎng)站導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)