提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

按鈕啟動導致懸停效果故障

我一直在努力學習網頁開發的基礎知識（HTML、CSS和JS），所以我一直在嘗試製作一個可用的蘋果計算器。一切都工作正常，直到我注意到一個小錯誤。一開始，操作按鈕上的懸停效果很好，當我懸停時顏色變得更亮。當我按下按鈕時，按鈕會變得更加明亮並保持這種狀態，直到使用者輸入另一個數字（或「等於」按鈕）來與前一個數字進行操作。之後，操作按鈕將變為正常顏色。在那之前，一切都很好，但我注意到，在用戶按下按鈕並

P粉548512637 2024-04-01 21:51:26

直接在 HTML 標籤中使用 SVG 不允許我將角色指派為按鈕或具有所需的懸停效果

我有一個帶有圖標的容器，該圖標應該執行兩個功能：具有按鈕的作用（可通過鍵盤/屏幕閱讀器等訪問）懸停/聚焦時變紅當我直接在標記中使用SVG時，懸停效果可以按預期工作，但我無法像使用img標籤時那樣為SVG分配按鈕角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 x 形狀

首先我想承認我的標題很令人困惑，對此感到抱歉。我想要實現的是懸停時的以下效果：我的網站在這裡https://wordpress-493302-3130963.cloudwaysapps.com/我已經成功地使用css轉換完成了我想要實現的目標的一半，但無法看到創建按鈕的影子副本，如上圖所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

動態為多個元素添加:hover效果

是否有可能以程式設計方式為多個元素添加hover效果？在我們的系統中，有多個元素代表一個單元（但由於其他原因需要將它們分開成多個元素），在某些情況下，它們應該在懸停時一起重新著色。是否有可能以程式設計方式為多個元素添加hover效果？或者說這是否是一個好的實踐？我可以透過使用my_own_css_class來解決這個問題，在懸停時將其添加到所有元素上。但我覺得以程式方式讓它們有hover效果可能對我有

P粉203792468 2023-08-15 23:49:58

如何同時啟動連結和div元素？

當我懸停在div元素上時，只有它會變亮，連結不會。有沒有辦法讓按鈕整體變亮，而不是先變亮按鈕背景，然後再變亮連結。購買購買購買a:訪問過{白顏色}a:懸停:訪問過{顏色:RGB(180,179,179);}一條鏈接{白顏色;背景顏色:rgb(180,179,179);}一個：懸停{顏色:RGB (180,179,179);背景顏色：白色}div.b{白色顏色;背景顏色:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06

反應自訂按鈕懸停樣式不起作用

我的React專案中有一個按鈕，我是這樣設定的。 <labelstyle={styles.label}><inputstyle={styles.input}type="file"accept="image/*"onChange={this.onUpload}/></label>樣式設定是這樣的label:{ borderRad

P粉434996845 2023-09-11 22:09:50

javascript - 左側導覽如何實現伸縮

點擊按鈕然後變成：這是用插件實現的嗎？要是用原生應該怎樣這個hover效果呢？

三叔 2017-06-30 09:59:54

當滑鼠懸停在按鈕上時，顯示一個子選單

我正在尋找一個解決方案，當我懸停在一個按鈕上時，會彈出一個子選單。目前只有在點擊時才顯示選單。有人知道我需要改變什麼，以便當懸停在一個按鈕上時菜單顯示出來，而點擊時菜單保持在那裡。解決方案：將懸停改為mouseover。有人知道如何使滑鼠懸停時不顯示所有部分（sect1...）嗎？ <script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

使用 Psuedo 元素的 CSS 懸停效果與主元素重疊

基本上，當我懸停時，我希望效果如下所示：我的網站在這裡程式碼如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28

從提交和重置按鈕中刪除懸停效果：逐步指南

當我單擊“提交”或“重置”按鈕時，我需要使用什麼命令才能使其不縮放。我希望他們看起來很正常。我應該對這個程式使用懸停，但不能對最後2個按鈕使用懸停請參閱下面我到目前為止所擁有的程式碼。任何事都值得讚賞<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

在懸停時在 v-img 上新增覆蓋並將按鈕居中

我正在嘗試使用Vuetify元件來實現某些v-img縮圖的效果，但沒有成功。我的圖片設定如下：<v-rowclass="fill-heightpa-5"align-content="center"justify="center"><v-colclass="text-subtitle-1text-center&

P粉754473468 2023-08-28 17:13:34

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是Chrome的問題，但我不確定。這是問題的圖片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

在 NextJS 專案中使用 Tailwind 和 MUI 時出現意外行為（白色按鈕錯誤）

我目前正在使用NextJS、TailwindCSS和MUIReactUI庫建立一個專案。每當我嘗試在我的專案中添加MUI按鈕時，它都能正常工作，但按鈕的顏色保持白色。懸停時顏色恢復正常，按一下按鈕時仍具有波紋效果。但當不懸停時，它會回到白色。透過從我在_app.{js,jsx.ts,tsx}檔案中匯入的全域css檔案中刪除tailwind指令，該按鈕再次正常運作，但這也將刪除TailwindCSS。

P粉996763314 2023-11-04 11:04:23

為什麼我的 Bootstrap 5 彈出視窗在關閉並重新開啟它所在的模式後失去了打開焦點的能力？

我的Bootstrap5模式和放置在其上的彈出視窗有問題。在我的HTML中，我有以下內容，當使用者將滑鼠懸停在按鈕上時，它會正確顯示。彈出視窗顯示「您確定嗎？」鍵入提示並建議使用者按一下按鈕（懸停）以繼續。單擊該按鈕即可獲取焦點並保持彈出視窗打開，直到再次單擊或單擊離開該元素。這允許滑鼠指標進入彈出視窗內容並點擊“繼續”按鈕。這就是我想要的：https://bootstrap-confirmatio

P粉022501495 2024-03-28 23:27:50

qt設計器中的偽元素

我想使用偽元素在左側為按鈕創建一條垂直線，並在懸停時變暗，但是qt-designerstyleSheet不理解我，並且它沒有正確顯示，這是我的代碼：QPushButton{position:relative;padding :10px20px;border:none;background-color:#fff;color:#333;cursor:pointer;overflow:hidden;}QP

P粉600402085 2024-01-10 17:44:05

點擊後如何改變文字的顏色？

我想要做的是改變按鈕背景的顏色，同時改變按鈕內部的文字顏色。按鈕的顏色已經改變，但文字顏色沒有改變。我嘗試將hover應用於文本，但只有在滑鼠觸摸文本時顏色才會改變。 <liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37

使用 React 在圖像上放置互動式標記

請幫忙。我有一個像下圖這樣的圖像顯示在主頁上（一個更大的圖像）。請注意，「FORGE」房屋的中間有一個白色和藍色標記，並帶有黑色箭頭。「出租」房屋也是如此。這些標記中的每一個都將充當互動式按鈕。以下是預期的互動行為：將滑鼠懸停時，藍色背景將展開以顯示「Forge」或「Rentals」等文字點擊後，它將引導使用者前往對應的「Forge」或「Rentals」頁面。也希望它能夠響應，如果當螢幕調整大小時，

P粉896751037 2023-09-08 21:25:41