Chrome で cursor: pointer を !important しても効かない問題。原因は Photoshop にあり
Chrome で cursor: pointer を !important しても効かない問題。原因は Photoshop にあり ブログのリンク（aタグ）にマウスカーソルをホバーするとデフォルトの矢印のアイコンになっているのに気づきました。通常であれば、指アイコンになりますよね。（まぁスマホはアレですが。） 何かスタイルを弄った時におかしくなったのか、はたまたプラグインのアップデートなどでおかしくなったのか、いずれにせよサクッと修正する予定が全然カーソルが指アイコンにならず。 最終的にcursor: pointer !important;としても変わらないので、調べてみたところ、Photoshop を立ち上げていると、ブラウザのカーソルがデフォルトから変わらないバグがあるらしいことがわかりました。 cursor が変わらないバグが発生した私の環境 macOS Sierra 10.12.3
「line-height」と「行間」と「行送り」 - Qiita
ですね。 では、コーディングしてブラウザで確認してみましょう。 なんじゃこりゃー なんか、テキスト上部に隙間（ピンクの帯部分）できてるじゃねーかー となって、デザイナーさんに**「デザインと違うんだけど！」**って言われた人も多いんじゃないですかね？ これって何でなの？ そもそも「行送り」「行間」「line-height」って、定義が違うものなんですよ。 定義が違えば、反映のされ方も違うというのは当たり前な話なわけで。 photoshop line-heightを指定する際に、photoshop上で見る値って「行送り」であって「行間」ではない。 「行送り」と「行間」の定義っていうのは 行送り 文字の大きさ + 次の行までの間隔。 行間 2つの行の間隔。 という感じらしいんですね。 私はずっと「photoshop」で「行間」を設定しているんだと思い込んでました。 でも実際は「行送り」だったわ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
