Heim >Web-Frontend >HTML-Tutorial >input输入框如何去除边框和修改背景色_html/css_WEB-ITnose
input输入框如何去除边框和修改背景色_html/css_WEB-ITnose
- 不言Original
- 2018-05-18 17:20:1611020Durchsuche
<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;
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：[求助]求高手指点下面的代码问题出在哪里_html/css_WEB-ITnoseNächster Artikel：我想做个下拉框链接，然后 让很多网页都来引用这个下拉框，这样下拉框改变后，引用他的都相应改变。_html/css_WEB-ITnose