CSSメモ

入力欄の影 ページ32

##

入力欄に、iOS環境の一部からだと上部に影がついています。
em7の環境だとそういうものが付いています。
どの環境でそうなるのかは詳しく把握できていませんが、一部の環境だとiOSでも表示されないとか。
良いソースが見つからないので、また探して追加しておきます。

↓こんな感じ


ここに、

-webkit-appearance:none;
appearance:none;

を加えると、その影が無くなります。

↓加えたもの


最近はborderを無くして平らなデザインにしている方を多く見ますが、私の環境からだと影が付いていて綺麗なデザインでは無くなってしまっています。

以前はボタンで同じような説明をしましたが、ボタンと入力欄に同じように書いておくと、デザインが揃ってスタイリッシュなイメージになるかと思います。

そういうデザインを作る場合はこれを追加しておくといいでしょう。


ちなみに、

background:transparent;

を追加して透過状態にするとそれは起こりませんので、重ねて書く必要はありません。

##

コメント欄の色を変える→←Google fontsについて

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す