61,112
社区成员
发帖
与我相关
我的任务
分享input输入框如何去除边框和修改背景色
<body>
<table>
<tr>
<td>
<input type="text" value="不如意十八九" >
</td>
</tr>
</table>
</body>
因为编辑和预览界面共用一个，考虑使用样式进行区分，上面代码要以下的结果：
<body>
<table>
<tr>
<td>
不如意十八九
</td>
</tr>
</table>
</body>
请问各位能否实现
<table>
<tr>
<td>
<input type="text" value="不如意十八九" >
</td>
</tr>
</table>
</body>
因为编辑和预览界面共用一个，考虑使用样式进行区分，上面代码要以下的结果：
<body>
<table>
<tr>
<td>
不如意十八九
</td>
</tr>
</table>
</body>
请问各位能否实现
...全文
请发表友善的回复…
发表回复
sweet_ 2012-11-06
- 打赏
- 举报
input{ border-style:none; background-color:#FF9;}
honey0503 2012-11-06
- 打赏
- 举报
没有边框都是border:0px;背景色background-color:#fef;
liyoc 2012-11-06
- 打赏
- 举报
看了下问题，是不是在问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>
我自是年少-韶华倾负 2012-11-05
- 打赏
- 举报
+1
mizuho_2006 2012-11-05
- 打赏
- 举报
<input type="text" style="border:0px;background-color:blue" value="不如意十八九" >
jellday 2012-11-05
- 打赏
- 举报
用css就能实现
定义一个class，然后定义边框 none，背景色
不就好了
flycantus 2012-11-05
- 打赏
- 举报
<input type="text" value="不如意十八九" style="border:0px;">
