css input select option 重置样式
2016-07-02 10:48
351 查看
css重置input select option的样式已经无数次了 ,每一次都要去找之前写过的例子复制粘贴,实在麻烦,写在这里以后用的时候更方便一点。
padding: 0;
margin:0;
float:left;
height: 26px;
padding: 10px 0;/*当时解决输入框光标顶满input框的问题是这么解决的 如果设置了行高就会顶满没有行高的话光标高度=文字的font-size */
border: none;
outline: none;
padding-left: 20px;
color:#6d6d6d;
-webkit-appearance:none; /*去除系统默认的样式*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击去除高亮的颜色*/
background-color: #fff;/*当input框禁止输入的时候会有一个灰色的底色 项目需要我设置了 白色底 跟页面背景一个颜色。*/
以后,相对来说还是总结的比较齐全。
padding: 0;
margin:0;
float:left;
height: 26px;
padding: 10px 0;/*当时解决输入框光标顶满input框的问题是这么解决的 如果设置了行高就会顶满没有行高的话光标高度=文字的font-size */
border: none;
outline: none;
padding-left: 20px;
color:#6d6d6d;
-webkit-appearance:none; /*去除系统默认的样式*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击去除高亮的颜色*/
background-color: #fff;/*当input框禁止输入的时候会有一个灰色的底色 项目需要我设置了 白色底 跟页面背景一个颜色。*/
以后,相对来说还是总结的比较齐全。
相关文章推荐
- CSS实现三栏式布局
- CSS3盒模型
- CSS之派生选择器(上下文选择器)
- csS绘制三角形
- CSS3扁平化组件侧栏
- CSS3中width的calc()用法
- 安卓学习之—自定义ProgressBar的样式
- 使用css3和js在手机上实现简单的跑马灯效果
- 纯css实现高度与宽度成给定比例的效果
- div盒子上下水平居中显示
- CSS3文本
- css实现鼠标放上去后下拉动画
- CSS3背景
- QT常用控件样式设计
- DIV+CSS实现二级菜单
- 使用css实现等宽列
- 用JS实现input中的file标签的样式(当要修改file标签的字体样式时使用)
- css hack 大全详解
- 常见知识点总结
- css基础学习(2)(伪元素)