選擇單選按鈕時保留其邊框效果

我有兩個無線電類型選項。當我選擇一個選項時，會標記藍色邊框。問題是，如果我點擊其他地方，邊框效果就會消失。我希望無論我點擊哪裡，藍色邊框效果都會保留，除非我切換到其他選項。另外，我怎麼才能將「跨度」中的價格放在右側，並將產品名稱保留在左側？ .checkbox-custom,.radio-custom{opacity:0;position:absolute;}.checkbox-custom,.ch

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

如何為表格中的欄位製作邊框？

我需要製作一個如螢幕截圖所示的表格：我得到了什麼結果：問題：我無法像「已註冊」列的螢幕截圖中那樣製作綠色邊框。 Q：如果是表格，如何製作這個邊框？我嘗試在div上重寫它，但沒有任何效果我的風格.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  462

html - css 如何加裝這種邊框?

如圖所示，要怎樣才能實現這種效果,給圖片四個角落添加邊框

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

我如何創建一個按鈕的邊框，使其在其內容之外浮動幾個像素？

我想創建一個如下所示的邊框，但不確定如何使用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  531

如何使用 svg 或 css 建立混合直線/曲線截面邊界？

對於我的應用程序，我正在創建一個具有非標準部分邊界的註冊頁面。你可以在這裡看到我試圖實現的效果：這不是一個簡單的圓弧——它有兩條直線，而且中間還有一個圓弧。據我所知，實現此類目標的最佳方法是使用SVG。問題是，白色區域將有一個影像覆蓋整個區域。出於演示目的，我將使用淺藍色。如果您使用帶有background-image屬性的標準div，則SVG的白色不透明，因此您會得到以下結果：提示稍後閱讀sha

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

邊框漸層與border-radius是否相容？

我正在為具有圓角邊框（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  516

javascript - JS事件冒泡問題

結案：改用CSS來實現此動效了。謝謝各位的幫助，改用CSS來現實此動效了。 1、我在下述程式碼中監聽了a標籤的mouseover和mouseout事件來觸發canvas動畫，在mouseover、mouseout的回調中阻止了事件冒泡，但當滑鼠移...

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

vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

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

可以將邊框半徑與具有漸變的邊框圖像一起使用嗎？

我正在設計一個具有圓形邊框（邊框半徑）的輸入字段，並嘗試在所述邊框添加漸變。我可以成功地製作漸層和圓形邊框，但是兩者都不能一起工作。它要么是沒有漸變的圓角，要么是帶有漸變但沒有圓角的邊框。 -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  577

css3 - css字體樣式加填充色而不是背景色

有個字體樣式如下： 想要在心裡面加上顏色而不是整個包裹心的span都有顏色錯誤的效果如下： span定義如下： {代碼...} 如果加上background-color的話會出現上圖的效果，直接用color只會心型的邊框有顏色，現在想...

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

javascript - 怎麼把文字放在border-top的中間位置

如圖所示，如何讓文字放在上邊框的中間位置的實作或思路。

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

禁用邊距折疊的方法分享

有沒有一種方法可以完全停用邊距折疊？我找到的唯一解決方案（名為“uncollapsing”）是使用1像素的邊框或1像素的填充。我覺得這是不可接受的：多餘的像素會無端複雜化計算。有沒有更合理的方法來停用這種邊距折疊？

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

javascript - tabs-目前標籤下邊框如何去除？

如圖，section2的下面邊框如何去除?這裡有實例：http://jsfiddle.net/996Bw/。求解。謝謝。

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

flex css - 在一定高度後剪輯元素而不是換行

邊框代表靜態高度和寬度。我希望第5項和第6項保留在第二行，並剪掉第3項和第6項，而不是如圖所示第三次包裹。我如何透過Flex實現這個目標？為了補充這個問題，容器的寬度（用邊框顯示）可以透過使用者操作調整大小。當它很寬時。例如，如果它的寬度足以容納4個元素，則它將在第一行中顯示所有4個元素，而在第二行中顯示其餘的元素。當我們折疊容器的寬度時，我希望它最多有2行，如下圖所示。我希望結果看起來像這樣以便可

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

當bootstrap按鈕處於活動狀態時，為每個按鈕新增陰影/邊框的CSS

我正在使用React框架創建前端，並使用Bootstrap5.3進行設計。根據我的理解，Bootstrap現在作為標準已經取消了陰影效果。所以，如果按鈕處於啟動狀態，按鈕將不會顯示陰影/邊框，就像在Bootstrapv5.0文件中所示。 https://getbootstrap.com/docs/5.0/components/buttons/不幸的是，我不知道如何直接在程式碼中自訂單一按鈕。是否可以

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

TailwindCSS - 如何讓元素的下拉選單不會將其他元素推出側邊欄中的邊界？

我基本上有一個可以包含多個部分（藍色）的側邊欄，其中每個部分都可以打開/關閉，並且可以包含多個項目（紅色）。打開時，我希望展開的元素不要將其他藍色部分推到邊框之外，而是將它們推到邊框之外，並在展開的部分上進行溢出y滾動。以下是它的外觀(1)和它應該是什麼樣子(2)的螢幕截圖：這裡是使用的程式碼：<divid="container"class="h-96w-52ov

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

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  3587

在Safari中如何使用CSS在圓形<button>上獲得圓形輪廓

我試圖獲得一個具有相同顏色輪廓的圓形按鈕，但這似乎不可能。輪廓最終總是呈現正方形。有沒有一種方法可以用a來實現這一點，或者它可能只能用a來實現？ button{width:40px;height:40px;border:none;border-radius:40px;cursor:pointer;background-color:black;display:inherit;outline:5pxsol

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

在tailwind.css中，.rounded-lg對錶格無效。

目前，我正在使用的是tailwind版本3.3.3。我無法為表格獲得圓角效果。我嘗試添加一個具有類別名稱"overflow-hidden rounded-lg"的包裝容器。這樣可以解決圓角問題，但是每個邊的邊框也消失了。我該如何解決這個問題？我的程式碼是：PlanN

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

CSS：從具有投影的 Vuetify 對話框內的 div 中刪除投影

我有一個對話框，在div上使用CSS新增了一個三角形。但CSS的技巧是邊框的一部分是透明的。我試圖克服的問題是從透明邊框中刪除陰影，而不從對話框本身刪除陰影。將其添加到div不起作用：box-shadow:none;這是我要刪除的內容的圖片：創建這個三角形的div上的類別是這樣的：.arrow-up{width:0;height:0; border-left:25pxsolidtransparent;

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