• つくってみた
  • 機械学習
  • クラウドコンピューティング
  • 仮想デスクトップ
  • サイト情報
    • 運営会社
    • 採用情報
  • お問い合わせ
  1. ホーム /
  2. ハック /
  3. Firefoxで発生するボタンの横の余分なスペースを消す方法
  • ハック
  • 2015.01.30
  • 195
  • CSS

Firefoxで発生するボタンの横の余分なスペースを消す方法

  • ツイート
  • シェア
  • はてな

chromeやIEではきちんと表示されるのにFirefoxでのみボタンの横に余分なスペースが発生してしまいます。
下記のCSSを追加することで消すことができます。

button::-moz-focus-inner {
padding: 0;
border: 0;
}

参考:Remove extra button spacing/padding in Firefox

  • ツイート
  • シェア
  • はてな

harada

    つくってみた!

    社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた
    Amazon Polly と Slack を使って  Alexa へ (物理的に) 話しかけるシステムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた
    社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。

    関連記事

    • input[type=text]でスマートフォンのみ表示されるシャドウを消す
    • JSでブラウザの種類によって付与されるクラスを変える
    • Sass:for文で一定パターンのCSSを生成する
    • selectをcssのみでカスタマイズする
    • Firefoxにのみ対応させるCSSハック
    • chromeでデフォルトで反応するテキスト入力フォームの黄色い背景色を変更する
    • お問い合わせ
    • 利用規約
    • プライバシーポリシー
    • 運営会社
    • 採用情報

    © Copyright 2023 ハックノート All rights reserved.