====== (X)HTML and CSS Snippets ======

===== Apply CSS to "browse" button =====

Found at http://archivist.incutio.com/viewlist/css-discuss/39161 but does not work on FireFox 0.8 (Linux) :-( haven't tested other versions. It can't work on Internet Explorer because ">".

<code css>
/* file selector */
input[type="file"] {
  -moz-appearance: none;
  white-space: nowrap;
  cursor: default;
  -moz-binding: none;

  padding: 0 !important;
  border-style: none !important;
}

input[type="file"] > input[type="text"] {
  border-color: inherit;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  height: inherit;
}

/* button part of file selector */
input[type="file"] > input[type="button"] {
  height: inherit;
  font-size: inherit;
}
</code>