CATEGORY

css

CSS/placeholderの文字色を指定する

inputタグやtextareaタグ内で使用する「placeholder」の色のみを変更する方法のメモ。 以下のように、inputに対して「::placeholder」を追加し、記述する。 See the Pen Untitled by ISHIIAoi00 (@ishiiaoi00) on CodePen. 以上、「placeholder」の色のみを変更する方法でした。

CSS/文章が長い時に指定行数以上の文章を隠す

たまにコードを書いていると、 「文章が長すぎて、途中から非表示にできるようにしたい」 と思うことがたまーにあります。 こんな感じの長い文章ですね↓ これを例えば3行目より下の文章は表示させたくない場合、以下のようにCSSを記述することで、対応ができます。 display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -w […]

CSSを使用してたった一行でスムーススクロールを実装する【IE・Safari非対応】

Javascriptを使用したスムーススクロール。もちろん実装できることに越したことはありませんが、少しめんどくさいという方もいるのではないでしょうか、、? 「とりあえずIEとSafariは一旦無視して簡単にスムーススクロールを実装したい」という方、たった1行のCSSで実装ができます。 コードは以下の通り scroll-behavior: smooth; (htmlタグに対して記載してください) […]