選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  562

テーブルの列に境界線を作成するにはどうすればよいですか?

スクリーンショットに示すようなテーブルを作成する必要があります: 得られた結果: 問題: 「登録済み」列のスクリーンショットのような緑色の境界線を作成できません。質問: テーブルの場合、この境界線はどのように作成しますか? div でオーバーライドしようとしましたが、何も機能しませんでした。style.container{table{width:100%;border-collapse:collapse;thead{tr{th{padding-bottom:18px;width:230px;&:fi

P粉176151589 2024-01-16 19:25:40 0  2  458

この種の境界線をHTML - CSSに追加するにはどうすればよいですか?

画像のように、画像の四隅に枠線を追加してこの効果を実現するにはどうすればよいでしょうか?

伊谢尔伦 2017-05-16 13:34:16 0  6  956

コンテンツの外側に数ピクセル浮くようにボタンの境界線を作成するにはどうすればよいですか?

以下のような境界線を作成したいのですが、CSS を使用してこれを実現する方法がわかりません。誰か助けてくれませんか?現在のコードには、このスタイルが必要なボタンが含まれています。 <liclass="nav-itembutton"><aclass="nav-link"href="#"><svgxmlns="http://www.w3.org/2000/svg&qu"

P粉633075725 2023-09-08 17:01:07 0  1  530

SVG または CSS を使用してハイブリッドの直線/曲線セクション境界を作成するにはどうすればよいですか?

私のアプリケーションでは、標準以外のセクション境界を持つ登録ページを作成しています。ここで私が何を達成しようとしているのかがわかります。これは単純な円弧ではありません。2 本の直線と、その間に 1 つの円弧があります。私の知る限り、このようなことを実現する最良の方法は SVG を使用することです。問題は、白い領域に領域全体を覆う画像が表示されてしまうことです。デモ用に、水色を使用します。背景画像属性を持つ標準の div を使用すると、SVG の白色は不透明になるため、次のようになります: 後で読むためのヒント sha

P粉920835423 2023-09-02 11:35:13 0  1  638

境界線のグラデーションは境界線の半径と互換性がありますか?

丸い境界線 (border-radius) を使用して入力ボックスをスタイルし、境界線にグラデーション効果を追加しようとしています。グラデーションと丸い境界線は正常に作成できますが、両方を同時に作成することはできません。丸い角はあるがグラデーションがない、またはグラデーションはあるが丸い角がないかのどちらかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  514

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  833

vue および vuetify コンポーネントに対するマウスオーバー効果

そこで、次の記事の例に示すようにマウスオーバー効果を再作成しようとしました: https://blog.prototypr.io/stunning-hover-events-with-css-variables-f855e7b95330 しかし、私の場合は Vue を使用したいと考えています。 vuetify ライブラリから v-card にホバー効果を適用する .js。これが私の試みです: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  456

グラデーションのある境界画像に境界半径を使用できますか?

円形の境界線（境界線の半径）を持つ入力フィールドを設計し、その境界線にグラデーションを追加しようとしています。グラデーションと円形の境界線は正常に作成できますが、どちらも連携できません。グラデーションのない丸い角、またはグラデーションはあるが角が丸い境界線のいずれかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  570

css3 - CSS フォント スタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォント スタイルがあります。 ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラー エラーは次のようになります。 スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27 0  2  1286

JavaScript - border-top の中央にテキストを配置する方法

図に示すように、上の境界線の中央にテキストを配置する方法の実装またはアイデア。

某草草 2017-05-19 10:44:10 0  3  585

余白折りを無効にする方法

余白折りを完全に無効にする方法はありますか?私が見つけた唯一の解決策 (「展開」という名前) は、1 ピクセルの境界線または 1 ピクセルのパディングを使用することです。これは容認できないと思います。余分なピクセルによって計算が不必要に複雑になります。このマージンの縮小を無効にする、より合理的な方法はあるでしょうか?

P粉530519234 2023-08-21 23:21:12 0  2  491

JavaScript - タブ - 現在のタブの下枠を削除するには?

図に示されているように、section2 の下の境界線を削除するにはどうすればよいですか? ここに例を示します: http://jsfiddle.net/996Bw/。解決する。ありがとう。

迷茫 2017-06-21 10:12:39 0  1  899

flex css - 折り返すのではなく、特定の高さの後の要素をクリップします

境界線は静的な高さと幅を表します。図のように 3 回折り返すのではなく、項目 5 と 6 を 2 行目に残し、項目 3 と 6 を切り取りたいと思います。 Flex でこれを実現するにはどうすればよいですか?この問題を補うために、コンテナー (境界線で表示される) の幅をユーザーのアクションによってサイズ変更できます。広いときは。たとえば、4 つの要素を保持できる幅がある場合、4 つの要素すべてが 1 行目に表示され、残りの要素が 2 行目に表示されます。コンテナーの幅を折りたたむときは、以下の画像に示すように最大 2 行になるようにします。結果を次のようにしたいので、

P粉785957729 2024-04-01 14:02:02 0  1  541

ブートストラップ ボタンがアクティブなときに各ボタンに影/境界線を追加する CSS

フロントエンドの作成には React フレームワークを使用し、デザインには Bootstrap5.3 を使用しています。私の理解では、Bootstrap は標準でシャドウ効果を削除しました。したがって、ボタンがアクティブな場合、Bootstrap v5.0 のドキュメントのように、ボタンには影や境界線が表示されません。 https://getbootstrap.com/docs/5.0/components/buttons/ 残念ながら、コードで個々のボタンを直接カスタマイズする方法がわかりません。出来ますか

P粉256487077 2023-08-17 23:54:27 0  1  526

TailwindCSS - 要素のドロップダウン メニューがサイドバーの他の要素を境界外に押し出さないようにするにはどうすればよいですか?

基本的に、複数のセクション (青) を含めることができるサイドバーがあり、各セクションはオン/オフにすることができ、複数の項目 (赤) を含めることができます。開いたときに、展開された要素が他の青い部分を境界線の外に押し出すのではなく、境界線の外側に押し出して、展開された部分でオーバーフローのようなスクロールを実行するようにします。これは、どのように見えるか (1) とどのように見えるか (2) のスクリーンショットです。 使用されるコードは次のとおりです: <divid="container" class="h-96w-52ov

P粉505450505 2023-09-03 19:21:03 0  1  634

SASS スタイルはメディアクエリよりも優先されます

メディアクエリを使用してデスクトップデバイスのスタイルをオーバーライドしようとしていますが、うまくいかないようです。 h2 要素に境界線の色を設定し、問題をよりわかりやすく視覚化するためにテストを実行しました。ご覧のとおり、h2 の境界線の色は黄色に設定されています。これが私のSASSスタイルです: .hero{width:100%;position:relative;background-color:$orange-color;background-image:url("../../../src/asse

P粉953231781 2024-04-05 15:03:00 0  1  3581

SafariでCSSを使用して円形の<ボタン>に円形のアウトラインを取得する方法

同じ色の輪郭を持つ丸いボタンを取得しようとしていますが、それは不可能のようです。輪郭は常に正方形になります。これを a で実現する方法はありますか、それとも a でのみ実現できるのでしょうか?ボタン{幅:40px;高さ:40px;境界線:なし;境界線の半径:40px;カーソル:ポインター;背景色:黒;表示:継承;アウトライン:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1051

tailwind.css では、.rounded-lg はテーブルに影響を与えません。

現在、tailwind バージョン 3.3.3 を使用しています。テーブルの角を丸くする効果が得られません。 「overflow-hiddenrounded-lg」というクラス名を持つラッパーコンテナを追加してみました。これにより角丸の問題は解決されますが、各辺の境界線も消えてしまいます。この問題はどうすれば解決できますか?私のコードは: PlanN

P粉447495069 2023-07-24 20:47:03 0  1  590

CSS: ドロップ シャドウのある Vuetify ダイアログ内の div からドロップ シャドウを削除します

CSSを使用してdivに三角形を追加したダイアログがあります。ただし、CSS のトリックは、境界線の一部が透明になることです。私が克服しようとしている問題は、ダイアログ自体から影を削除せずに、透明な境界線から影を削除することです。これを div に追加しても機能しません: box-shadow:none; これが削除したいものの図です: この三角形を作成する div のクラスは次のとおりです: .arrow-up{width:0;height: 0; 境界左:25pxsolidtransparent;

P粉826429907 2023-09-13 19:57:28 0  1  631