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