HTML中input输入框去除边框和修改背景色的方法

您所在的位置:网站首页 html怎么去掉 HTML中input输入框去除边框和修改背景色的方法

HTML中input输入框去除边框和修改背景色的方法

2023-06-27 19:19| 来源: 网络整理| 查看: 265

HTML中input输入框去除边框和修改背景色的方法 发布时间:2021-02-05 09:33:39 来源:亿速云 阅读:1293 作者:小新 栏目:web开发

小编给大家分享一下HTML中input输入框去除边框和修改背景色的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

                        

因为编辑和预览界面共用一个,考虑使用样式进行区分,上面代码要以下的结果:

            不如意十八九            

请问各位能否实现

回复讨论(解决方案)

用css就能实现 定义一个class,然后定义边框 none,背景色 不就好了

+1

input{ border-style:none; background-color:#FF9;}

看了下问题,是不是在问JS效果如何实现?

               click me              ------------------  function clicked(){ var user_val = document.getElementById("myinput").value;document.getElementById("box").innerHTML = user_val; }

没有边框都是border:0px;背景色background-color:#fef;

以上是“HTML中input输入框去除边框和修改背景色的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读: html如何取掉input按钮的边框 html页面中怎么让input边框不显示

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html input 上一篇新闻:HTML网页中插入视频之Video标签的使用方法 下一篇新闻:小程序如何实现动态控制switch开关 猜你喜欢 美国高防服务器如何提高稳定性 高防服务器租用需要注意哪些事项 美国高防服务器的租用怎么选择 高防服务器如何防范网络攻击 美国服务器如何提高网络安全 美国高防服务器怎么防御DDoS攻击 如何判断租用美国服务器质量好坏 用美国高防服务器有哪些优势 美国服务器影响网站优化的因素有哪些 美国高防服务器租用如何选择


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3