cbys.net
当前位置:首页 >> input边框 变色 >>

input边框 变色

一般网页设置表单元素时要设置三个状态的属性,以input="type"为例: 1、默认属性,input{样式} 2、鼠标悬浮:input:hover{样式} 3、点击属性:input:focus{样式} type不同设置也不同,比如radio还要设置input:checked的样式,用tab切换表单使ra...

html的写法,有一个input文本框和一个input type=button的按钮。 input的基本样式书写,placeholder的样式也可以修改,主要去掉原有的input样式,加入自己的样式 点击时,input输入框样式改变,可以为点击时加入动画,点击输入框时有阴影和颜色...

css设置属性:outline:none;

用:focus伪类就可以实现 input:focus {border: 2px solid yellow;}如上,可以根据自己的具体需求更改颜色、像素 要想美观的话,可以根据设计风格,添加border-radius属性来增加边角圆角效果

你想要的是这个效果吧?文本框选中的时候边框变颜色,不选中的时候恢复颜色。

Document.t{transition: all 0.30s ease-in-out;border: 1px solid #ddd;}.t:focus{border: 1px solid #66AACC;box-shadow: 0 0 5px #66AACC;outline: none;}大概这样 具体自己改下

给你的input属性增加样式 input:focus {outline:none;}

在input里面加个style,里面粗细,颜色都可以自己更改,如

如果你不想变蓝,你可以这样设置,边框的颜色按你自己设置的来,也就是把#ccc换成你自己设置的颜色。 input{ border:1px solid #ccc; } input:focus{ border:1px solid #ccc; }

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