2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Safariのautofill buttonのスタイルを変更する方法

Last updated at Posted at 2015-10-28

Safariのinput[password]にフォーカスした際に表示される鍵マーク。
このカラーを変更する方法です。
背景が暗い場合は、デフォルトだと視認性が良くないでの変更が必要かと思います。
細い箇所ですが、スタイルに一貫性を持たせるにも変更が必要ですね。

鍵マーク(オートフィルボタン)

スクリーンショット 2015-10-28 18.26.10.png この黒い鍵マークです。

ソースコード

スクリーンショット 2015-10-28 18.22.04.png

サンプルコード

input::-webkit-auto-fill-button {
  background-color: #4A90E2;
  &:hover {
    background-color: #4A90E2;
  }
}
2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?