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

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

<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="不如意十八九" >

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;

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

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

相关推荐