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>

以上就是select默认样式美化代码兼容移动端和pc端。其实我是想鼓起勇气告诉你,如果有一天你想结婚了,告诉我。我会毫不顾忌的跟你走,不在乎你说的什么奢求不奢求。哪怕你没有房,我们可以租,只要有你在我就觉得有安全感。没有车,我就上班挤公交。钱是可以挣的,而对的人,错过了,就再也没有了。而只要你开口,说你要娶我,我就铁了心的嫁。更多关于select默认样式美化代码兼容移动端和pc端请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS怎么去掉select的下拉箭头样式

select元素中设置padding效果的方法

如何使用CSS3的::selection改变选中文本颜色的方法

CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

一篇关于select标签的高度设置在ie6/ie7下兼容心得