Heim >Web-Frontend >HTML-Tutorial >input输入框如何去除边框和修改背景色_html/css_WEB-ITnose

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

不言
不言Original
2018-05-18 17:20:1610998Durchsuche

<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