原创

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),回复关键字领取资料:如HadoopDubboCAS源码等等,免费领取资料视频和项目。 

涵盖:程序人生、搞笑视频、算法与数据结构、黑客技术与网络安全、前端开发、Java、Python、Redis缓存、Spring源码、各大主流框架、Web开发、大数据技术、Storm、Hadoop、MapReduce、Spark、elasticsearch、单点登录统一认证、分布式框架、集群、安卓开发、iOS开发、C/C++、.NET、Linux、Mysql、Oracle、NoSQL非关系型数据库、运维等。

评论

分享:

支付宝

微信