html页面中怎么让input边框不显示

这篇文章将为大家详细讲解有关html页面中怎么让input边框不显示,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

镇海网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作,到程序开发,运营维护。创新互联公司自2013年创立以来到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

一、在没有点击input框时,不显示边框:

 border:none;

二、点击input框,准备输入值时,不显示边框:

input{  
border:none;
  width:200px;  height:80px;
  box-radius:25%;
  outline:medium;
  text-align:center;
  }

注:在样式中使用outline:medium;点击input框时就不会有边框线显示了。

outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。轮廓线不会占据空间,也不一定是矩形。

outline 简写属性在一个声明中设置所有的轮廓属性。

关于html页面中怎么让input边框不显示就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


文章题目:html页面中怎么让input边框不显示
网页网址:http://www.hxwzsj.com/article/gisigg.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都商城网站制作 成都品牌网站建设 成都网站建设公司 攀枝花网站设计 温江网站设计 重庆网站建设 成都网站制作 成都网站设计 营销网站建设 成都网站建设 响应式网站设计方案 网站设计 成都网站建设公司 四川成都网站制作 成都网站建设公司 阿坝网站设计 定制网站建设多少钱 定制级高端网站建设 重庆网站制作 成都网站建设 成都网站建设 成都商城网站建设