首页 / HTML / input输入框如何去除边框和修改背景色_html/css_WEB-ITnose

input输入框如何去除边框和修改背景色_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了input输入框如何去除边框和修改背景色_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1030字，纯文字阅读大概需要2分钟。

内容图文

<body> 
 <table> 
 <tr> 
 <td> 
 <input type="text" value="不如意十八九" > 
 </td> 
 </tr> 
 </table> 
 </body>

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

<body> 
 <table> 
 <tr> 
 <td> 
 不如意十八九 
 </td> 
 </tr> 
 </table> 
 </body>

请问各位能否实现

回复讨论(解决方案)

<input type="text" value="不如意十八九" style="border:0px;">

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

<input type="text" style="border:0px;background-color:blue" value="不如意十八九" >
<input type="text" style="border:0px;background-color:blue" value="不如意十八九" >

+1

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

看了下问题，是不是在问JS效果如何实现？ 

<body> 
 <table> 
 <tr> 
 <td id="box"> 
 <input type="text" value="不如意十八九" id="myinput" > 
 <button onclick="clicked()">click me</button> 
 </td> 
 </tr> 
 </table> 
 </body> 

------------------ 
<script>function clicked(){
var user_val = document.getElementById("myinput").value;document.getElementById("box").innerHTML = user_val;
}</script>

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

内容总结

以上是互联网集市为您收集整理的input输入框如何去除边框和修改背景色_html/css_WEB-ITnose全部内容，希望文章能够帮你解决input输入框如何去除边框和修改背景色_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/396874.html

来源：【匿名】