2013年6月14日金曜日

[Android/iPhone]select用css


fieldset.select {
  position: relative;
}
fieldset.select:before {
  content: "▼";
  color: #bbb;
  font-size: 1.25em;
  line-height: 2em;
  position: absolute;
  top: 2.4em;
  right: 20px;
  -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  border-left: 1px solid #bbb;
  padding-left: 10px;
}
select{
-moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
padding:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,242,245,1)), color-stop(88%,rgba(195,196,195,1)), color-stop(100%,rgba(234,234,234,1)));
background: -webkit-linear-gradient(top, rgba(245,242,245,1) 0%,rgba(195,196,195,1) 88%,rgba(234,234,234,1) 100%);
font-size:1.17em;
border:none;
border-radius:0;
}

0 件のコメント:

コメントを投稿