Teknotit Snipet Manager



Api 2 Git 1 aleatoire 2 animation 1 apache2 4 bash 9 cache 1 css 17 curl 1 fastcgi 2 fichier 1 fonctions 10 html 5 inspiration 1 javascript 17 linux 17 mobile 2 mysql 2 nginx 3 php 21 postfix 2 repertoire 3 ssh 9 swap 1 sysadmin 13 taille 1 ubuntu 7 wordpress 8

.

Personaliser un select css3

Personaliser un select css3

input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #ededed;
  /* Note: No support for  <IE9. */
  background-color: #f3f3f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ebebeb));
  /* Chrome, Safari 4+ */
  background: -webkit-linear-gradient(top, #f3f3f3, #ebebeb);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background: -moz-linear-gradient(top, #f3f3f3, #ebebeb);
  /* Firefox 3.6-15 */
  background: -o-linear-gradient(top, #f3f3f3, #ebebeb);
  /* Opera 11.10-12.00 */
  background: linear-gradient(to bottom, #f3f3f3, #ebebeb);
  /* W3C Markup, Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  -webkit-box-shadow: inset 0px 0px 0px 1px #f3f3f3;
  -moz-box-shadow: inset 0px 0px 0px 1px #f3f3f3;
  -o-box-shadow: inset 0px 0px 0px 1px #f3f3f3;
  box-shadow: inset 0px 0px 0px 1px #f3f3f3;
  border: 1px solid #bdbec6;
  font-weight: 600 !important;
  /* !important fixes an <=IE8 bug. */
  font-size: 0.675em;
  font-weight: 300\9;
  *line-height: 1.4;
  *overflow: visible;
  *padding: 0.375em 0.65em 0.35em 0.65em; }
  input:hover, select:hover {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
    /* Note: No support for  <IE9. */
    background-color: #3e9cfd;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e9cfd), to(#4599ea));
    /* Chrome, Safari 4+ */
    background: -webkit-linear-gradient(top, #3e9cfd, #4599ea);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background: -moz-linear-gradient(top, #3e9cfd, #4599ea);
    /* Firefox 3.6-15 */
    background: -o-linear-gradient(top, #3e9cfd, #4599ea);
    /* Opera 11.10-12.00 */
    background: linear-gradient(to bottom, #3e9cfd, #4599ea);
    /* W3C Markup, Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    border-color: #2e8fec;
    color: #f9f9f9; 
}

select:active {
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 50, 0.115);
    border-color: #2678c6;
    color: #f1f1f1; 
}

css

http://julian.com/research/css/main.css

<iframe width="100%" height="1136" src="http://snipet.teknotit.com/index.php?embed=54481150c94a2" type="text/html"></iframe>

Texte seul - Permalink - Snippet public posté le 22/10/2014

Flux RSS de cette page


Teknotit Snipet Manager 1.84 par Bronco - Page générée en 0.004 s