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

去掉input的阴影

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

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 ...

方法:

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

input{ border:1px #ccc solid;outline:none; } 可以给边框设置一个颜色,然后把边框轮廓给去掉,点击的时候就不会出现蓝色的边框了,outline设置轮廓的样式,样式是 none时,轮廓不会出现,希望对你有帮助,望采纳!

这个是图片,只是把输入框的边框去掉了。

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