• リンクにカーソルを合わせた時に表示されるハンドカーソルを消すことはできますか?(または、通常のポインターのままにしてください。)

    質問 ハイパーリンクにカーソルを合わせた時に表示されるハンドカーソルを消したい。 こちらのCSSを試しました。 a.link { cursor: pointer; } そして、これ。 a.link { cursor: pointer !important; } で、やはりリンクにカーソルを合わせると手の形に変わってしまいます。 なぜこのようなことが起こ

    2023-09-16 12:29:55
  • IE10の選択要素の矢印を削除する

    質問 Mozilla と WebKit を使って、私は半分まともな解決策を持っています。 select ボックスの矢印を appearance: none; を使用し、親要素を持つ。 IE では、ほとんどの場合、この機能を無効にしました。IE10 では、条件付きコメントが実際に機能しないので、実際に無効にすることはできません。 以下は私のマークアップです。 <!--[i

    2023-09-16 04:07:44
  • IE9-10でSVGのBackground-sizeがつぶれてしまう。

    質問 背景画像を設定したdivがあります。 <div>Play Video</div> を以下のCSSで記述してください。 div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; backgrou

    2023-09-14 19:14:12
  • Font Awesomeシンボルの上にバッジを追加する方法は?

    質問 の上に数字(5、10、100)のバッジを付けたいのですが、どうすればよいでしょうか? フォント・オーサム という記号( fa-envelope ). 例えば しかし、バッジをシンボルの上に配置する方法がわかりません。私の試みはここにあります。 jsFiddle . Twitter Bootstrap 2.3.2に対応させてほしいです。 どのように解決する

    2023-09-14 15:20:58
  • css3 クラスに制限されたタイプのn番目[重複]。

    質問 この質問はすでにここに回答があります : nth-child()や:nth-of-type()と任意のセレクタを組み合わせることはできますか? (8つの回答)

    2023-09-11 16:21:07
  • ng-showとng-animateを使ったスライドアップ/ダウンエフェクト

    質問 私は ng-animate と同じような動作をさせるために、JQueryの slideUp() と slideDown() . ただ、私はどちらかというと ng-show 私はここでng-animateのチュートリアルを見ている - 。 http://www.yearofmoo.com/2013/04/animation-in-angularjs.html ,

    2023-09-11 15:22:38
  • Angular Materialでmat-selectをスタイリングする

    質問 mat-selectのパネルコンポーネントをどのようにスタイルするのですか。ドキュメントから、私は私がpanelClassを提供する必要があることを得るので、私はこのようにそれを作る。 <mat-form-field> <mat-select placeholder="Search for" [(ngModel)]="searchClassVal"

    2023-09-10 23:30:56
  • CSS 入力フィールドの入力文字色

    質問 入力欄があるのですが、その中のテキストの色が黒になっています。(jquery.placeholderを使用しています) そこにあるテキストが"E-Mail"だとします。 このフィールドをクリックすると、黒いプレースホルダーのテキストが消えます(jquery.placeholderのおかげです)。 このフィールドに入力されたテキストは赤くなり、このフィールドの選択を解除すると、赤

    2023-09-08 03:21:03
  • 要素を傾けるが、テキストは通常のまま(傾きなし)にする方法

    質問 この画像をCSSだけで再現することは可能でしょうか? これをメニューに適用して、茶色の背景が表示されるようにしたい。 hover のインスタンスに表示されるようにしたい。 しかないのですが、どうしたらいいのでしょうか? .menu li a:hover{ display:block; background:#1a0000; paddin

    2023-09-06 22:24:02
  • [解決済み] border-radiusはコンテンツを切り取るべきですか?

    質問 コンテナに border-radius ? サンプルHTMLとCSSです。 .progressbar { height: 5px; width: 100px; border-radius: 5px; } .buffer { width: 25px; height: 5px; background: #999999; } <div class="progressb

    2023-09-06 02:10:08
  • Twitter Bootstrap。プログレスバーのテキストを中央に配置する

    質問 Twitterのbootstrapを使っているのですが、プログレスバーのテキストを値に関係なくオンバーの中央に表示させたいのですが、どうすればよいでしょうか? 下のリンクが今の状態です。 全てのテキストを一番下のバーに揃えたいのですが。 スクリーンショットです。 純粋なCSSで頑張ったので、JSはなるべく使いたくないのですが、一番きれいな方法であれば受け入れたいと思

    2023-09-01 18:53:05
  • CSS3の:root疑似クラスとhtmlの違いは何ですか?

    質問 あまり情報がないようなのですが。 スマッシング・マガジン は、次のように言っているようです。 html と :root は同じものですが、きっと小さな違いがあるのでしょう? どのように解決するのですか? からの W3C wiki : <ブロッククオート は :root 擬似クラスは、ドキュメントのルートとなる要素を表します。HTMLでは、こ

    2023-08-31 21:22:36
  • Chromeで固定要素が消える

    質問 私が作ったウェブサイトで、スクロールするときにCSSプロパティ position: fixed を使用すると、ページの最上部にナビゲーション バーを維持するために期待どおりに機能します。 しかし、Chrome では、ナビゲーション バーのリンクを使用すると、それは ときどき が消えます。通常は、クリックした項目は表示されたままですが、いつもそうとは限りません。全体が消え

    2023-08-31 15:50:46
  • [解決済み] リアクトコンポーネントのサイズ(height/width)をレンダリング前に取得する方法は?

    質問 リアクトのコンポーネントで、事前に寸法を知る必要があります。 それ自身をレンダリングする前に。 jqueryでウィジェットを作成する場合、単に $('#container').width() で、コンポーネントを構築する際にコンテナの幅を事前に取得することができます。 <div id='container'></div> これらのコンテナの寸

    2023-08-31 01:05:04
  • DIV全体を囲むCSSボックスシャドウを追加する

    質問 DIV全体を影で囲むことは可能でしょうか? -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; 属性の順番が行くのはわかるけど 水平方向のオフセット 垂直方向のオフセット ぼかし半径 色 でも、影を片方

    2023-08-30 03:35:17
  • How to auto adjust the <div> height according to content in it?

    Question I have a &lt;div&gt; which needs to be auto adjusted according to the content in it. How can I do this? Right now my content is coming out of the &lt;div&gt; The class I have used f

    2023-08-29 16:07:29
  • CSS - 均等な高さの列?

    質問 CSSでは、以下のようなことができます。 でも、どうやったらこんな風に変更できるのか見当もつきません。 CSSで可能でしょうか? もし可能なら、高さを明示的に指定せずに(コンテンツが成長するように)するにはどうしたらよいでしょうか? どのように解決するのですか? グリッド 最近、私はグリッドを好んで使っています。なぜなら、すべての

    2023-08-26 16:29:42
  • Chromeでprefers-color-schemeメディアクエリをエミュレートするにはどうすればよいですか?

    質問 Chrome 76 では prefers-color-scheme メディアクエリ (別名 "dark mode") のサポートが追加されました。 しかし、システムのダークモードのオンとオフを切り替えることなく、両方の配色で自分のウェブページを簡単にテストするにはどうしたらよいでしょうか? ここに 同じ質問 はFirefox用ですが、Chrome &amp;; Ch

    2023-08-25 21:32:27
  • 複数のdivを1行で表示させ、かつ幅を保持させるには?

    質問 通常、要素を同じ行に表示させたい場合は、display: inlineに設定します。しかし、要素をinlineに設定すると、width属性が意味をなさなくなります。 インラインにしないで、divを同じ行に表示させるにはどうしたらよいでしょうか。 どのように解決するのですか? この場合 display:inline-block . このプロパティは、DOM 要素がブロッ

    2023-08-25 14:27:33
  • 2つのfloat divを内包するdivを作成するには?

    質問 私はそれが一般的な問題であるかどうかわからないが、私はこれまでのところ、Webで解決策を見つけることができません。 私は別のdivの中に2つのdivをラップしたいのですが、これらの2つの内側のdivは同じレベルに整列する必要があります(例:左の1つはwrapDivの20%の幅を取り、右の1はさらに80%を取ります)。この目的を達成するために、私は次の例のCSSを使用しました。しかし、今

    2023-08-23 04:45:41