<div>
This is what I use for all my forms to make them more user accessible. &nbsp;You can tailor it to your specific application obviously by just changing the CSS.<br />
<br />

<pre><code id="code-589598">input[type=&quot;text&quot;],
input[type=&quot;file&quot;],
input[type=&quot;password&quot;],
textarea,
select{
	border: 1px solid #9db4bd;
	width: 300px;
	padding: 7px;
	font: 16px Verdana, Geneva, sans-serif;
	color: #CCC;
	background: url(../images/trans_wht.png);
}

input[type=&quot;text&quot;]:focus, 
input[type=&quot;text&quot;].focus,
input[type=&quot;password&quot;]:focus, 
input[type=&quot;password&quot;].focus,
select:focus,
select.focus,
textarea:focus,
textarea.focus{
	border: 1px solid #333;
	padding: 7px;
	background: #FFF;
	color: #333;
	font: 16px Verdana, Geneva, sans-serif;
	width: 300px;
}</code></pre>
</div>


This is what I use for all my forms to make them more user accessible.  You can tailor it to your specific application obviously by just changing the CSS.



input[type="text"],
input[type="file"],
input[type="password"],
textarea,
select{
	border: 1px solid #9db4bd;
	width: 300px;
	padding: 7px;
	font: 16px Verdana, Geneva, sans-serif;
	color: #CCC;
	background: url(../images/trans_wht.png);
}

input[type="text"]:focus, 
input[type="text"].focus,
input[type="password"]:focus, 
input[type="password"].focus,
select:focus,
select.focus,
textarea:focus,
textarea.focus{
	border: 1px solid #333;
	padding: 7px;
	background: #FFF;
	color: #333;
	font: 16px Verdana, Geneva, sans-serif;
	width: 300px;
}

<div>
I think your code will apply the styles on disabled fields as well as enable ones?
</div>


I think your code will apply the styles on disabled fields as well as enable ones?

<div>
<div class="content wysiwyg-content">
I want to set the style only on enabled text boxes. If they are disabled I want the default style to prevail.<br />
<br />
I tried this but it doesn't seem to work:<br />
<br />
<br />
input[type=&quot;text&quot;][enabled<wbr />]<br />
<br />
<br />
Is this proper syntax and I'm just missing something elsewhere?<br />
<br />
<br />
This does work for disabled text boxes:<br />
<br />
input[type=&quot;text&quot;][disable<wbr />d]<br />
<br />
<br />
<br />

</div>
</div>


I want to set the style only on enabled text boxes. If they are disabled I want the default style to prevail.

I tried this but it doesn't seem to work:


input[type="text"][enabled]


Is this proper syntax and I'm just missing something elsewhere?


This does work for disabled text boxes:

input[type="text"][disabled]





Set style only on enabled text boxes

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.