kttq.net
当前位置:首页 >> 去掉input的阴影 >>

去掉input的阴影

css设置属性:outline:none;

HTML中,input标签默认是有边框(border)和背景色属性的。可以在CSS中加入border:none;(或者在html中加入style:"border:none")可以去掉边框。 input标签在鼠标点击时,会有黄色的边框。如果不需要,可以加input{outline:medium;}属性去掉。

1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。 你可以用下面的css代码去掉所有元素的边框: *:focus ...

input[type="text"] { -webkit-appearance: none; } textarea{ -webkit-appearance: none; }

简单的做法就是把两个框的图片用ps切出来(你两个的小图标不一样,图方便就可以切两个大的输入框背景,就是连图标一起切,要灵活点就单独切开)。假设你的HTML结构是 账号: 密码: 把背景图设置到span上面、span的样式设置成display:inline-blo...

你可以用input的伪类:after或者before来控制它的样式,我就复制一段我写的样式: input[type="radio"]{ appearance: none; -webkit-appearance: none; font-family:"icon" !important; vertical-align: middle; border: none; color: #808080; f...

因为没有没有边框;添加border:1px solid red; 根据你需要数据修改;希望采纳

可以换一种写法,就用readOnly ,然后给文本框加一个背景为灰色的样式,就能达到跟disabled一样的效果了,这样不会有阴影了。

网站首页 | 网站地图
All rights reserved Powered by www.kttq.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com