Here’s an example how to target only webkit browsers:

		 input.search{
			color: red;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
			input.search{
 				color: green;
			}
		}

Advanced HTML5 search field with placeholder and fallback for the other browsers.
Styling with gradient + radius + image in field.
With JS logics: Search on input string and search on enter.

HTML:

<fieldset class="search"><div class="inputsearchgroup">
<span class="search_icon"></span>
<input type="hidden" name="url" value="search.php">
<input class="search" type="search" placeholder="Search..." name="search"></div>
<button class="smallradius submit">Search</button>
</fieldset>

CSS:

fieldset.search {
	border: none;
	padding: 0;
	position: relative;
}

fieldset.search input {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    background: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)), color-stop(.3,rgba(250, 250, 250, 0))););
    background-image: -moz-linear-gradient(rgba(250, 250, 250, 1) 0%, rgba(255, 255, 255, 0) 30%);
    border: 1px solid #f2f2f3;
    float: left;
    margin-right: 5px;
    padding: 10px 0 10px 44px;
    background-color: #fff;
}

fieldset.search div.inputsearchgroup {
	position: relative;
	float: left;
}

fieldset.search div.inputsearchgroup span.search_icon {
	background: url(icon_search_glass.png) no-repeat 10px 7px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 33px;
}

/*
 * CSS3
 */
.smallradius {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

JS:

(function(){
	/*
	 * jQuery PlaceHolder + Search Submit
	 * it submits the search query on enter button and on search button.
	 * place holder functionality for browsers which don't support placeholder
	 * @author Lee Boonstra
	 * @since 21 jan 2011
	 * @version 1.0
	 *
	 * @uses jQuery 1.2.6, <http://www.jquery.com> or higher
	 */
	$.fn.SearchInput = function(){
		var strSavedString = "";

		/*
		 * Does the browser support placeholder attribute?
		 * @return boolean
		 */
		function isBrowserSupport(){
			var i = document.createElement("input");
			return "placeholder" in i;
		}
		return this.each(function(){
			var button = $(this).parent().parent().find('.submit');
			var url = $(this).parent().find('input[name|=url]').val();
			var e = $(this);

			var strPlaceHolderText = e.attr("placeholder");

			if(e.val().length == 0){
				e.val(strPlaceHolderText);
			}

			/*
			 * On field focus remove placeholder if there is no written text in it.
			 * @return void
			 */
			e.focus(function(){
				strSavedString = e.val();
				if (strSavedString === strPlaceHolderText) {
					e.val("");
				}
			});

			/*
			 * Save the written text in a variable
			 * @return void
			 */
			e.change(function(){
				strSavedString = e.val();
			});

			/*
			 * While leaving the focus of the field, put the placeholder back
			 * or the written text.
			 * @return void
			 */
			e.blur(function(){
				if(isBrowserSupport()===false){
					if(strSavedString !== strPlaceHolderText && strSavedString !== ""){
						e.val(strSavedString);
					} else {
						e.val(strPlaceHolderText);
					}
				}
			});

			/*
			 * Search if the key is enter or button has been clicked,
			 * if there's a input hidden url and the input is not empty and does not contain the    placeholder
			 */
			function search(ev){
				if (ev.keyCode === 13 && strSavedString !== strPlaceHolderText && strSavedString !== "" && url !== null) {
					window.location.href = url + "?q=" + strSavedString;
				}
				if(ev==="click" && strSavedString !== strPlaceHolderText && strSavedString !== "" && url !== null){
					window.location.href = url + "?q=" + strSavedString;
				}
			}

			/*
			 * Submit the query
			 */
			e.keyup(function(ev){
				search(ev);
			})
			button.click(function(){
				search("click");
			});

		});

	};
})(jQuery);

It’s very easy to install Sass and Compass on your Mac. Sass is included with HAML.
To get SASS working, you’ll need an installation of Ruby. On your Mac this is already done.

On your Windows environment, you’ll need to install Ruby via the installer:
http://rubyinstaller.org/about/contributors/
after running the setup open the commandline: (Windows run > type: CMD)
Check if ruby is installed, navigate to the Ruby bin folder, and type:
ruby -v
If you receive a prompt with the installed version number of Ruby back, then the installation went good. And you can go further…

For both Windows & OS X, type in your console the following commando’s:

sudo gem install haml
sudo gem install haml-edge
sudo gem install compass

check if compass is running:
compass version

now you can write your sass file.
create in an editor style.scss
to convert your sass file back to .css just type in your console:
sass –watch style.scss:style.css

and on windows:
C:\Ruby\bin\> sass -trace D:\Sass\default.scss:D:\Sass\default.css

http://sass-lang.com/
http://compass-style.org

By using the Data URI scheme you can embed images directly into your HTML and CSS. It works by encoding an image into a base64 string and place it directly withing an HTML image tag or as a CSS background URL. Such a base64 string url example in your CSS looks like this:

div.image {
 background: data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABLElEQVR42qSTQStFURSFP7f3XygyoAwoYSYMPCIpk2egMFSmUvwCRpSRDIwYGbwyVuYykB9y914m951z7nHe6J26dc9u77XXWmdvJLF7/audqx9JYuvyW92LL0li8K2df2r17CPEVk7ftXTclyQqAMmRCwC5I3fS42a4W7y74VYDNAAuJA8AaXIsSACsDgAdAJeFrnnyoMBygKZJJ3b1It0AmsTMDPdEgrujJqHEwCxqznMaD2KgyCDRnEuo8qJhHvx/hcQDbzGoix5Yi4G1TcwZWNEDKwJU+WDkhg2ToDaD+M65YcVB8jg3Y5IY5VQAyyf9gLJw+CqAuYNnAczsPQpgevtBU937kDexcdssj8Ti0ZskMd97CRs3u//U2sjJzbtwH1+/Cf8jS/gbAMmWc42HzdIjAAAAAElFTkSuQmCC
}

I found this generator who generates such a string after uploading an image.
I used this for iPhone/iPad app development.

http://webcodertools.com/imagetobase64converter

Last week the company I work for: eFocus, became number 1 in the Emerce top 100.
We’re very happy with this notation!