select默認(rèn)樣式美化代碼兼容移動端和pc端
發(fā)布時間:2014-07-16 17:42:56 作者:佚名
我要評論

在搞前端時發(fā)現(xiàn)select樣式已經(jīng)丑到爆了。于是找了一些資源對其進(jìn)行美化,個人感覺是相當(dāng)不錯的,最起碼兼容移動端和pc端,這可是它的優(yōu)勢哦
最近在搞前端時發(fā)現(xiàn)select樣式已經(jīng)丑到爆了,找了一些資源修改了一下,稍微好了一點(diǎn)。廢話不說了直接上代碼
<div class="select" style="margin-top:0px;outline:none;border:1px solid #BBBBBB;border-radius:4px;position:relative;">
<select id="orderTimeDataSel" class="text" style="height:40px;-webkit-appearance:none;appearance:none;border:none;font-size:18px;padding:0px 10px;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #FFFFFF;color:#333333;border-radius:4px;">
<option>--預(yù)約日期--</option>
</select>
</div>
復(fù)制代碼
代碼如下:<div class="select" style="margin-top:0px;outline:none;border:1px solid #BBBBBB;border-radius:4px;position:relative;">
<select id="orderTimeDataSel" class="text" style="height:40px;-webkit-appearance:none;appearance:none;border:none;font-size:18px;padding:0px 10px;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #FFFFFF;color:#333333;border-radius:4px;">
<option>--預(yù)約日期--</option>
</select>
</div>
相關(guān)文章
- 微軟won10發(fā)布會上,新型瀏覽器 Spartan瀏覽器正式亮相,正如此前曝光的,微軟確認(rèn)Spartan是一款面向所有Windows 10設(shè)備設(shè)計(jì)的獨(dú)立瀏覽器,具備全新的處理引擎。公司表示依2015-01-23
- 原快播員工們有一部分人打造了一款名為視頻頭條的移動端APP,這軟件新增了免流量觀看功能,下面為大家介紹下怎么開啟免流量觀看2014-12-26
無需邀請碼激活Google Inbox移動端電郵應(yīng)用
上周谷歌面向Android和iOS端推出了全新的郵件應(yīng)用Inbox,盡由于官方并未正式開放,必須要獲得邀請碼才能正常使用,盡管已經(jīng)激活的用戶可以發(fā)送三個邀請碼,那么普通用戶有2014-10-29QQ炫舞手機(jī)版刮刮樂玩法介紹 移動端炫舞刮刮樂卡住怎么辦
今天小編為大家?guī)砹薗Q炫舞手機(jī)版刮刮樂玩法介紹 移動端炫舞刮刮樂卡住怎么辦相關(guān)內(nèi)容介紹,感興趣的朋友們可以跟著小編去下文了解一下哦2014-10-15jquery實(shí)現(xiàn)的帶觸摸移動端焦點(diǎn)圖效果源碼
這是一款基于jquery實(shí)現(xiàn)的帶觸摸移動端焦點(diǎn)圖效果源碼,是一款帶觸摸移動端焦點(diǎn)圖輪播代碼網(wǎng)頁特效,PC端自動輪播焦點(diǎn)圖,移動端,手機(jī)端觸摸滑動切換焦點(diǎn)圖2014-08-26淺談移動端“封閉式”和“開放式”手機(jī)操作系統(tǒng)的優(yōu)劣
這篇文章主要介紹了淺談移動端“封閉式”和“開放式”手機(jī)操作系統(tǒng)的優(yōu)劣,即iOS和Windows Phone及Android操作系統(tǒng)的對比,需要的朋友可以參考下2014-07-16- 這篇文章主要介紹了html5在移動端的屏幕適應(yīng)問題,并通過幾個示例詳細(xì)的講述下其具體的應(yīng)用2014-06-15
FineReport報(bào)表安卓版 V7.1.1 官方最新版 Web報(bào)表工具
帆軟公司自主研發(fā)的一個企業(yè)級Web報(bào)表工具,其完善齊備的功能體系和簡單易用的功能優(yōu)勢,完全支持復(fù)雜web報(bào)表制作2014-11-28FineReport報(bào)表安卓平板端 V7.1.1 官方最新版 Web報(bào)表工具
帆軟公司自主研發(fā)的一個企業(yè)級Web報(bào)表工具,其完善齊備的功能體系和簡單易用的功能優(yōu)勢,完全支持復(fù)雜web報(bào)表制作2014-11-28郵政報(bào)表數(shù)據(jù)仿真生成系統(tǒng) v3.05 綠色版
郵政報(bào)表數(shù)據(jù)仿真生成系統(tǒng)可以根據(jù)事先設(shè)定好的邏輯關(guān)系,結(jié)合您輸入的攬收總量自動為您模擬這些數(shù)據(jù),為快遞企業(yè)統(tǒng)計(jì)人員節(jié)約大量時間,減輕繁重的工作2014-11-26