原创

HTML页面中去除掉input边框

input标签默认是有边框(border)和背景色属性的。可以在CSS中加入border:none;(或者在html中加入style="border:none;")可以去掉边框。input标签在鼠标光标移到文本框时,会有黄色的边框。如果不需要可以在css属性中加input{outline:medium;}属性去掉,有时可能会遇到input无法去除边框这是由于outline参数导致的。下面本站为大家详细讲解HTML页面中去除掉input边框一下实现方案。

方法1:

html代码如下:

<input type=text" style="border-style:none">

方法2:

css样式代码如下:

.input-tags,.input-tags:focus {
    width: 455px;
    border: none;
    height: 25px;
    outline: none;
    box-shadow: 0 0 0;
}

html代码如下:

<input type=text" class="input-tags">
~阅读全文~人机检测~

关注下方微信公众号“Java精选”(w_z90110),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

评论

分享:

支付宝

微信