CSS: can I hide the borders of the searchbox?

Can I hide the borders of the searchbox ? I would like it completely white, just the text should be visible. And I need a solution for all browsers.

See the picture: http://dl.dropbox.c开发者_运维问答om/u/72686/searchBox.png

you can add this

<input name="textfield" type="text" class="hide_border" id="textfield" />

css

.hide_border{
    border:none;
    *border:solid 1px #FFF;
}

By using a standard checkbox I am not sure whether you get this effect in a cross browser way. You can use a custom element and make it act like a checkbox using CSS and javascript.

See this one which uses jquery

Fancy custom radio and checkbox

I'm not sure if I understand correctly. Why don't you just hide the checkbox and leave the label ? (Later using javascript and such you can redisplay the checkbox)

Checkboxes can not be styled in all browsers. The common solution is to use two images, toggling between the two when clicked (and updating a hidden field as necessary).

<style>
.inputsearch input
{
   background-color: #FFF;
    border: none;
}
</style>


<div class="inputsearch" style="text-align:left;">
  <input type="text" value="HEy there ">
</div>

Styling checkboxes isn't doable in a crossbrowser fashion without some jQuery, have a look at this: Custom checkboxes with jQuery. It's the only way to do it, standard checkboxes cannot be styled in all browsers.