Can I style an placeholder text color on firefox ?

Add opacity: 1 to the Firefox placeholders. 

HTML

<input id="myinput" type="text" placeholder="my placeholder" maxlength="30" name="myplaceholder">


CSS:-

input#myinput::-webkit-input-placeholder {
color:#FFF; background-color:#CCC;
}
input#myinput::-moz-placeholder {
color:#FFF; background-color:#CCC;
    opacity: 1;
}
input#myinput:-moz-placeholder {
color:#FFF; background-color:#CCC;
    opacity: 1;
}
input#myinput::-ms-input-placeholder {
color:#FFF; background-color:#CCC;
} /* IE10+ */



RESULT:-





Web standards is the present and future in web design – the way all websites should be design and implemented. Websites created using web standards load faster, have better search engine ranking and are easier to update. All the websites I show here have been created this way.

Can I style an html radio button to look like a checkbox ?

it's completely achievable in Firefox 1+, Chrome 1+, Safari 3+ and Opera 15+ using the
CSS3 appearance property:

input[type="radio"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>

The result is radio elements that look like checkboxes.

Demo

One Other Demo





Web standards is the present and future in web design – the way all websites should be design and implemented. Websites created using web standards load faster, have better search engine ranking and are easier to update. All the websites I show here have been created this way.

How to Build WordPress Navigation Using wp_nav_menu()

<?php

$defaults = array(
 'theme_location'  => '',
 'menu'            => '',
 'container'       => 'div',
 'container_class' => '',
 'container_id'    => '',
 'menu_class'      => 'menu',
 'menu_id'         => '',
 'echo'            => true,
 'fallback_cb'     => 'wp_page_menu',
 'before'          => '',
 'after'           => '',
 'link_before'     => '',
 'link_after'      => '',
 'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
 'depth'           => 0,
 'walker'          => ''
);
 
wp_nav_menu( $defaults );

?>