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

去掉input的阴影

css设置属性:outline:none;

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

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

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

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

方法:

如果需要去除黑框,可以用CSS去除边框,再用背景图片产生立体效果。或者在按钮的外层加个标签,为这个外层标签设置边框样式来产生立体效果。

这里有答案 网页链接

这样定义CSS textarea, input { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; }

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