select默認(rèn)樣式美化代碼兼容移動(dòng)端和pc端
發(fā)布時(shí)間：2014-07-16 17:42:56 作者：佚名 
我要評(píng)論
我要評(píng)論在搞前端時(shí)發(fā)現(xiàn)select樣式已經(jīng)丑到爆了。于是找了一些資源對(duì)其進(jìn)行美化，個(gè)人感覺(jué)是相當(dāng)不錯(cuò)的，最起碼兼容移動(dòng)端和pc端，這可是它的優(yōu)勢(shì)哦
最近在搞前端時(shí)發(fā)現(xiàn)select樣式已經(jīng)丑到爆了，找了一些資源修改了一下，稍微好了一點(diǎn)。廢話不說(shuō)了直接上代碼
<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)文章
微軟新型瀏覽器 Spartan瀏覽器的移動(dòng)端UI
微軟won10發(fā)布會(huì)上，新型瀏覽器 Spartan瀏覽器正式亮相，正如此前曝光的，微軟確認(rèn)Spartan是一款面向所有Windows 10設(shè)備設(shè)計(jì)的獨(dú)立瀏覽器，具備全新的處理引擎。公司表示依2015-01-23移動(dòng)端APP視頻頭條怎么開(kāi)啟免流量觀看
原快播員工們有一部分人打造了一款名為視頻頭條的移動(dòng)端APP，這軟件新增了免流量觀看功能，下面為大家介紹下怎么開(kāi)啟免流量觀看2014-12-26無(wú)需邀請(qǐng)碼激活Google Inbox移動(dòng)端電郵應(yīng)用
上周谷歌面向Android和iOS端推出了全新的郵件應(yīng)用Inbox，盡由于官方并未正式開(kāi)放，必須要獲得邀請(qǐng)碼才能正常使用，盡管已經(jīng)激活的用戶(hù)可以發(fā)送三個(gè)邀請(qǐng)碼，那么普通用戶(hù)有2014-10-29QQ炫舞手機(jī)版刮刮樂(lè)玩法介紹 移動(dòng)端炫舞刮刮樂(lè)卡住怎么辦
今天小編為大家?guī)?lái)了QQ炫舞手機(jī)版刮刮樂(lè)玩法介紹 移動(dòng)端炫舞刮刮樂(lè)卡住怎么辦相關(guān)內(nèi)容介紹，感興趣的朋友們可以跟著小編去下文了解一下哦2014-10-15
jquery實(shí)現(xiàn)的帶觸摸移動(dòng)端焦點(diǎn)圖效果源碼
這是一款基于jquery實(shí)現(xiàn)的帶觸摸移動(dòng)端焦點(diǎn)圖效果源碼，是一款帶觸摸移動(dòng)端焦點(diǎn)圖輪播代碼網(wǎng)頁(yè)特效，PC端自動(dòng)輪播焦點(diǎn)圖，移動(dòng)端，手機(jī)端觸摸滑動(dòng)切換焦點(diǎn)圖2014-08-26淺談移動(dòng)端“封閉式”和“開(kāi)放式”手機(jī)操作系統(tǒng)的優(yōu)劣
這篇文章主要介紹了淺談移動(dòng)端“封閉式”和“開(kāi)放式”手機(jī)操作系統(tǒng)的優(yōu)劣,即iOS和Windows Phone及Android操作系統(tǒng)的對(duì)比,需要的朋友可以參考下2014-07-16html5在移動(dòng)端的屏幕適應(yīng)問(wèn)題示例探討
這篇文章主要介紹了html5在移動(dòng)端的屏幕適應(yīng)問(wèn)題，并通過(guò)幾個(gè)示例詳細(xì)的講述下其具體的應(yīng)用2014-06-15
FineReport報(bào)表安卓版 V7.1.1 官方最新版 Web報(bào)表工具
帆軟公司自主研發(fā)的一個(gè)企業(yè)級(jí)Web報(bào)表工具，其完善齊備的功能體系和簡(jiǎn)單易用的功能優(yōu)勢(shì)，完全支持復(fù)雜web報(bào)表制作2014-11-28
FineReport報(bào)表安卓平板端 V7.1.1 官方最新版 Web報(bào)表工具
帆軟公司自主研發(fā)的一個(gè)企業(yè)級(jí)Web報(bào)表工具，其完善齊備的功能體系和簡(jiǎn)單易用的功能優(yōu)勢(shì)，完全支持復(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é)合您輸入的攬收總量自動(dòng)為您模擬這些數(shù)據(jù)，為快遞企業(yè)統(tǒng)計(jì)人員節(jié)約大量時(shí)間，減輕繁重的工作2014-11-26
