"input type=file "をSafariのみHack//CSS hack
フォームの"input type=file "を入れると、Mac&WindowsのSafariだけ劇的に見た目が違います。
そこで、CSS Hackのよって、この違いを乗り越えようと考えました。
サンプル input type=file
Safariで見ると違いが見えます
Hackあり
Hackなし
//CSS//////////////////////////////////////////////////////////////////
input {
color: #000000;
}
body:last-child:not(:root:root) input {
color: #ff6600;
}
そこで、CSS Hackのよって、この違いを乗り越えようと考えました。
サンプル input type=file
Safariで見ると違いが見えます
Hackあり
Hackなし
//CSS//////////////////////////////////////////////////////////////////
input {
color: #000000;
}
body:last-child:not(:root:root) input {
color: #ff6600;
}