[B! css] akisame338のブックマーク

http://ideahacker.net/2013/12/03/6983/

akisame338 2019/03/03

リンク

CSSでinputフォーカス時の影やborderを消す | KonifarPod

CSSでinput要素の影やborderを消したり、新しい装飾をつけたりするやり方がわからずちょっと時間をかけてしまったので備忘として記載しておきます。CSSに慣れてる人だったら簡単なんでしょうけどね。。。 [Original] [Custom] このようにするには、borderやbox-shadowをいくら書いてもダメです！必要なのはoutlineプロパティです！ input[type="text"]:focus { outline: 0; border-color: orange; } outlineとは、アウトラインのスタイル・太さ・色を指定するプロパティです。borderと何が違うの？ってところなんですが、outlineはborderのすぐ外側に描画されるみたいです。で、inputのデフォルトCSSにはoutlineが設定されているため、いくらborderを上書きしようとしても意味

akisame338 2019/01/04

リンク

position:absolute で中央に配置するやり方 - YouKnow.jp

中央に配置したい要素に上記のCSSを指定することでヨコ・タテ中央配置することができます。これで、画面中央に表示されているはずです。画面中央ではなく、親要素の中央に要素を表示させたい場合には、要素の親要素に、position:static(初期値)以外のposition:relative;、potision:absolute;やposition:fixed;を指定してください。その親要素を基準にヨコ・タテ中央配置になります。サンプルではtop.left.right.bottomに0を指定していますが、これらの数値をいじっても問題はありません。ただし、top.left.right.bottomの初期値はautoになっているため、これを解除するために指定しています。そのため、topだけに80pxを指定するとタテ・ヨコ画面中央からタテのみ80px下に行く指定することも可能です。 mar