如何去掉网页中的图片添加超链接的蓝色边框的方法

JavaScript024

如何去掉网页中的图片添加超链接的蓝色边框的方法,第1张

1、在浏览器编辑页面中输入input的相关代码,以下代码为HTML图文案例:

<div class="form"><input id="code" class="ipx code" name="code" placeholder="示例 蓝色边框" type="text"><input type="button" class="send" value="发送"></div>

2、用浏览器查看时,会发现点击input出现了蓝色边框。

3、直接在input中加style=“outline:none。

4、在顶部编辑器中直接修改css粗细样式

<style type="text/css">  input{outline:none}</style>

5、直接用 input:focus { outline: none} 控制聚焦时不出现蓝色边框,确认后保存即可

扩展资料:

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

<form action="form_action.asp" method="get">First name: <input type="text" name="fname" />Last name: <input type="text" name="lname" /><input type="submit" value="Submit" /></form>

以上为HTML源代码,可供后期修改

1、添加了超链接的文本颜色默认为蓝色,而背景颜色也为蓝色。对于观众的视觉角度来看,非常的不合理。

2、选中超链接文字,单击菜单栏中的“设计”-“主题”-“颜色”,单击倒三角,弹出了很多配色方案,可以将鼠标往下移动,超链接文字的颜色也会出现预览效果,找到合适的主题颜色,单击确定便应用了。

3、如果没有找到合适的,可以单击内置主题列表底下的“新建主题颜色”。

4、弹出“新建主题颜色”对话框,在不同状态下超链接的字体颜色都可以进行修改。

你这个文字是图片吧?图片加了超连接的话要在Img标签中加 border="0",才不会有边框的. 例:

<a href="#"><img src="a.jpg" border="0"></a>