Irohabook
CSS CSSによる装飾

iPhoneでタップしたときに灰色にしない(CSS)

広告

-webkit-tap-highlight-color を transparent にすると灰色が消える。

-webkit-tap-highlight-color: transparent;

下のように CSS の最初ですべての要素を初期化すると便利である。

a,
body,
button,
div,
form,
h1,
h2,
html,
img,
input,
li,
p,
span,
table,
td,
textarea,
tr,
ul {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    border-radius: 0;
    color: #666;
    font: 0px avenir, 'Helvetica Neue', Helvetica, 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
    margin: 0;
    outline: 0;
    padding: 0;
}

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会