select默认样式美化代码兼容移动端和pc端
发布时间：2014-07-16 17:42:56 作者：佚名 
我要评论
我要评论在搞前端时发现select样式已经丑到爆了。于是找了一些资源对其进行美化，个人感觉是相当不错的，最起码兼容移动端和pc端，这可是它的优势哦
最近在搞前端时发现select样式已经丑到爆了，找了一些资源修改了一下，稍微好了一点。废话不说了直接上代码
<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发布会上，新型浏览器 Spartan浏览器正式亮相，正如此前曝光的，微软确认Spartan是一款面向所有Windows 10设备设计的独立浏览器，具备全新的处理引擎。公司表示依2015-01-23
- 原快播员工们有一部分人打造了一款名为视频头条的移动端APP，这软件新增了免流量观看功能，下面为大家介绍下怎么开启免流量观看2014-12-26
- 上周谷歌面向Android和iOS端推出了全新的邮件应用Inbox，尽由于官方并未正式开放，必须要获得邀请码才能正常使用，尽管已经激活的用户可以发送三个邀请码，那么普通用户有2014-10-29
- 今天小编为大家带来了QQ炫舞手机版刮刮乐玩法介绍 移动端炫舞刮刮乐卡住怎么办相关内容介绍，感兴趣的朋友们可以跟着小编去下文了解一下哦2014-10-15
这是一款基于jquery实现的带触摸移动端焦点图效果源码，是一款带触摸移动端焦点图轮播代码网页特效，PC端自动轮播焦点图，移动端，手机端触摸滑动切换焦点图2014-08-26- 这篇文章主要介绍了浅谈移动端“封闭式”和“开放式”手机操作系统的优劣,即iOS和Windows Phone及Android操作系统的对比,需要的朋友可以参考下2014-07-16
- 这篇文章主要介绍了html5在移动端的屏幕适应问题，并通过几个示例详细的讲述下其具体的应用2014-06-15
FineReport报表安卓版 V7.1.1 官方最新版 Web报表工具
帆软公司自主研发的一个企业级Web报表工具，其完善齐备的功能体系和简单易用的功能优势，完全支持复杂web报表制作2014-11-28
FineReport报表安卓平板端 V7.1.1 官方最新版 Web报表工具
帆软公司自主研发的一个企业级Web报表工具，其完善齐备的功能体系和简单易用的功能优势，完全支持复杂web报表制作2014-11-28
邮政报表数据仿真生成系统可以根据事先设定好的逻辑关系，结合您输入的揽收总量自动为您模拟这些数据，为快递企业统计人员节约大量时间，减轻繁重的工作2014-11-26
最新评论