<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>KADIMI &#187; HTML</title>
	<atom:link href="http://www.kadimi.com/en/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kadimi.com/en</link>
	<description>[Web developper, Linux addict, Technical translator...]</description>
	<lastBuildDate>Sun, 15 Jan 2012 10:48:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>How to style input fields with CSS?</title>
		<link>http://www.kadimi.com/en/styling-input-fields-97</link>
		<comments>http://www.kadimi.com/en/styling-input-fields-97#comments</comments>
		<pubDate>Fri, 05 Jun 2009 11:13:56 +0000</pubDate>
		<dc:creator>Nabil</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Forms]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.kadimi.com/en/?p=97</guid>
		<description><![CDATA[<a href="http://www.kadimi.com/en/styling-input-fields-97"><img align="left" hspace="5" width="150" src="http://www.kadimi.com/en/wp-content/uploads/bad_input_css.jpg" class="alignleft wp-post-image tfe" alt="bad input css" title="" /></a>There are situations where you need to style input fields depending on there types. Doing this is wrong: input{ border:solid 1px red; } As you see in the image, the CSS rule has been applied to all input fields (a text input field, and an image input) You can specify the type of input field [...]]]></description>
			<content:encoded><![CDATA[<p>There are situations where you need to style input fields depending on there types.</p>
<p>Doing this is wrong:</p>
<blockquote>
<pre><code>input{
    border:solid 1px red;
}</code>
<img class="alignnone size-full wp-image-102" src="http://www.kadimi.com/en/wp-content/uploads/bad_input_css.jpg" alt="bad input css" /></pre>
</blockquote>
<p>As you see in the image, the CSS rule has been applied to all input fields<span id="more-97"></span> (a text input field, and an image input)</p>
<p>You can specify the type of input field that you are targeting by doing like this:</p>
<blockquote>
<pre><code>input[type="password"]{
    border:solid 1px red;
}</code>
<img class="alignnone size-full wp-image-102" src="http://www.kadimi.com/en/wp-content/uploads/good_input_css.jpg" alt="good input css" /></pre>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.kadimi.com/en/styling-input-fields-97/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

