我的html页面中有一个如下所示的字段:
<input type="text" class="form-control" readonly>
我希望它看起来像<p>
标记之间的普通文本。请帮我CSS向导。
你可以试试这个
的CSS
input[readonly]{
background-color:transparent;
border: 0;
font-size: 1em;
}
如果您想与一堂课一起使用,可以尝试一下
的HTML
<input type="text" class="form-control classname" value="Demo" readonly />
的CSS
input[readonly].classname{
background-color:transparent;
border: 0;
font-size: 1em;
}
如果您想使<input>
外观看起来像内联文本(调整输入元素的大小),请检查此小提琴https://jsfiddle.net/Tanbi/xyL6fphm/,并且请不要忘记调用jquery js库
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句