网页制作:如何使文本框获得焦点时,只呈现光标闪烁而文本框四周不变化

如题,比如http://sh.meituan.com/这个搜索栏鼠标点进去时文本框无变化... 如题,比如http://sh.meituan.com/这个搜索栏 鼠标点进去时文本框无变化 展开
 我来答
百度网友c8ccabb
推荐于2016-09-15 · TA获得超过1756个赞
知道大有可为答主
回答量:826
采纳率:0%
帮助的人:1171万
展开全部

分析问题:

    文本框获取焦点时,浏览器给采用默认的处理方式,为其加上高亮外边框。

解决思路:

    我们可能通过,在input获取焦点时,采用css将文本框的外边框去掉。为文本框添加如下样式即可。

    outline:none;


样式代码:

input:focus {outline:none;}


下面给出一个完成的示例代码:

<html>
<head>
<style>
form{background-color : #FF00F1F;height:50px;padding : 15px;}
.inputStyle, .inputStyle:focus {outline:none;}
</style>
</head>
<body>
<div id="dh2">
<form>
<input type="text"  class="inputStyle"/>
<input type="text" />
</form>
</div>
</body>
</html>
江西新华电脑70
2013-11-22 · TA获得超过195个赞
知道答主
回答量:387
采纳率:0%
帮助的人:182万
展开全部
,用Onfocus和Onlostfocus:
1. 当输入框内显示的是“请输入文字...”时,获取光标焦点时提示语会消失。
2. 当输入框内内容为空时,失去光标焦点时,会出现提示语。
3. 当输入框内有非提示语内容时,获取及失去光标焦点时,输入框内,内容不变化。
追问

不是里边的文字  我说的是输入框四周的边框   获得焦点时原来的橙色边框被蓝色盖住了不好看

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式