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

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