HTML中消除文本框的高亮边框

大家都知道form表单中的 input type="text " 默认的边框在点击时是高亮的,那么如何消除这个高亮边框做到和别人家的搜索框一样的效果呢? 方法很简单  下面贴代码:

如果在html 中有如下代码:

<form>
	<input type="text" id="searchTxt" value="开学季 满199减100"/>
				</form>


那么在css样式中只需要如下代码即可去掉高亮彩:
#searchTxt{
border-style:none;/*  此步是必须的  */
height:35px;
width:375px;
float:left;
}
input:focus {    outline:none;}  /*  focus 标记*/




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值