相关文章推荐
善良的鞭炮  ·  springboot ...·  2 年前    · 
很拉风的烈酒  ·  git rev-parse ...·  2 年前    · 
如题,比如http://sh.meituan.com/这个搜索栏鼠标点进去时文本框无变化... 如题,比如 http://sh.meituan.com/ 这个搜索栏 鼠标点进去时文本框无变化

分析问题:

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

解决思路:

我们可能通过,在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>
在日常学习和工作中,可以使用风云pdf转换器转换文件格式,并且确定需要将word文档转换成pdf格式,具体操作步骤如下:1.双击打开软件,点击文档转PDF功能,将需要转换的word文档拖入软件。2.接着在风云pdf转换器中,选择文件输出格式3.全部设置完成后点击开始... 点击进入详情页 本回答由 上海永楚网络科技有限公司 提供