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

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

不言
Freigeben: 2018-05-18 17:20:16
Original
11010 Leute haben es durchsucht

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

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

<body> 
 <table> 
 <tr> 
 <td> 
 不如意十八九 
 </td> 
 </tr> 
 </table> 
 </body>
Nach dem Login kopieren

请问各位能否实现

回复讨论(解决方案)

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

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

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

+1

input{ border-style:none; background-color:#FF9;}
Nach dem Login kopieren

看了下问题,是不是在问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>
Nach dem Login kopieren

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


 


Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage