У меня есть текстовое поле, и я не хочу показывать границу вокруг него, так как это текстовое поле только для чтения. Как сделать так, чтобы он отображался без рамки и без фона?
, поскольку вы не предоставили никакой информации о версии css, вот пример:
<style type="text/css"> input[type=text] { border: 0px; background: transparent; } </style> <input type="text" value="helllo" />
рабочая демонстрация
<html> <head> <style type="text/css"> input.asLabel { border: none; background: transparent; } </style> </head> <body> <form> <input class="asLabel" type="text" value="See, don't touch :)" disabled/> </form> </body> </html>
#your_text_field { border-style: none; background-color: transparent; }
Редактировать: Ну что вы знаете, transparent на самом деле работает в IE6. Я помню, что он не работает для определенных атрибутов, таких как border.
transparent
border
#input { border:0; background:transparent; }
Пробовал что-то вроде:
<input class="noBorderAndBackground" type="text" /> noBorderAndBackground{ background-color:white; border-style:none; }