Searchbar style problem?
-
i use this css
#searchbox {width:120px;
float:RIGHT;
padding:3px 4px;}
#searchbox .textfield {
background:#333333 ;
color:#999999;
font-size:10px;
width:120px;float:none;
}and this code
<!– searchbox START –>
<div id=”searchbox”>
<?php if($options[‘google_cse’] && $options[‘google_cse_cx’]) : ?>
<form action=”http://www.google.com/cse” method=”get”>
<div class=”content”>
<input type=”text” class=”textfield” name=”q” size=”24″ />
<input type=”hidden” name=”cx” value=”<?php echo $options[‘google_cse_cx’]; ?>” />
<input type=”hidden” name=”ie” value=”UTF-8″ />
<span class=”switcher” ><?php _e(‘Switcher’, ‘inove’); ?></span>
</div>
</form>
<?php else : ?>
<form action=”<?php bloginfo(‘home’); ?>” method=”get”>
<div class=”content”>
<input type=”text” class=”textfield” name=”s” size=”24″ value =”Search this site” onfocus=”if(this.value==’Search this site’)this.value=”” />
<span class=”switcher” ><?php _e(‘Switcher’, ‘inove’); ?></span>
</div>
</form>
<?php endif; ?>
</div>
<!– searchbox END –>How can I change the white border (can`t find it)around the search bar and how can i add a buttom to the right ( like the serach buttom at this forum)
-
Hi,
You need to specify the border and its color in search textfield area and apply the changes to the page in which you have used the search box..
Thanks,
Shane G.
Anyone can help?
your first question:
input.textfield, textarea { background:#fff url() top repeat-x; border:1px solid #A6A6A6; <------ padding:2px 1px; }
Add in #searchbox .textfield css
border: 1px solid #000000;
You can change border size, style, color as per your requirement, by default border of text field is 1px solid.
Thanks
- The topic ‘Searchbar style problem?’ is closed to new replies.