css移动端input框禁用样式修改

html-css017

css移动端input框禁用样式修改,第1张

css input样式修改的方法:1、利用伪类元素改变radio样式;2、利用label指向input,然后通过改变label样式来达到效果即可。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

css改变input框样式

目前博主只知道两种方法,如果有同学有别的方法欢迎进行讨论

一:利用伪类元素改变radio样式 (此方法无需添加额外的标签,更便捷)

 <input class="ipt" type="text" />

.ipt {

border: none 0

outline: medium

background: transparent

-webkit-appearance: none

-moz-appearance: none

-webkit-tap-highlight-color: rgba(0, 0, 0, 0)

-moz-tap-highlight-color: transparent

border-bottom: 1px solid #ccc

}

去掉默认样式 添加下边框就是下划线了