コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選 - copypet.jp｜パーツで探す、web制作に使えるコピペサイト。
<div class="cp_ipselect cp_sl01"> <select required> <option value="" hidden>Choose</option> <option value="1">cat</option> <option value="2">dog</option> <option value="3">rabbit</option> <option value="4">squirrel</option> </select> </div> .cp_ipselect { overflow: hidden; width: 90%; margin: 2em auto; text-align: center; } .cp_ipselect select { width: 100%; padding-right: 1em; cursor: pointer; te
IE11でlinear-gradientのcolor-stopにcalc()を使うと効かない場合がある | ITハット
IE11でlinear-gradientのcolor-stopにcalc()を使うと効かない場合がある 久しぶりにハマったので忘れないように記事にしておきます。calc() はIE9から使える便利なCSS関数なのですが、グラデーションで使うときには注意が必要かもしれません。 問題のグラデーション .gradient { width: 500px; height: 100px; background: linear-gradient(to bottom, #e6ac27 calc(50% - .5px), #f6f7bd calc(50% - .5px), #f6f7bd calc(50% + .5px), #80bca3 calc(50% + .5px)); } 上半分と下半分で色を変え、中央に1pxの線を引くグラデーションです。calc(50% – .5px) と calc(50% +
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsdo.it