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

去掉input的阴影

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

css设置属性:outline:none;

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

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

.Inpt{border:0;outline:none;/*去除蓝色边框*/}

方法:

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

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

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