如何透過點擊來改變按鈕的背景顏色/HTML

我製作了一個類似於“閱讀更多”的按鈕，當我按下它時，一個文字向下展開。當文字展開時，按鈕的背景將改變，當我再次按下按鈕關閉文字（例如「閱讀更少」），按鈕的背景將恢復到原始狀態。如何實作這個功能fu​​nctionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48 0  1  540

css - Angular2中怎麼不透過路由實現多個button的切換效果？

如何不用路由實現點擊按鈕時，目前按鈕背景顏色變成藍色，其他按鈕背景顏色任然是灰色的效果呢？

漂亮男人 2017-05-15 17:13:11 0  3  793

angular.js - angularjs如何在優雅的實作多個按鈕之間觸發其中一個的激活樣式?

如圖，有三個按鈕，點擊其中任何一個，按鈕變成藍色背景，其他兩個按鈕恢復預設白色 {代碼...} 在控制器中： {代碼...}

世界只因有你 2017-05-15 17:02:24 0  1  575

如何同時啟動連結和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 0  1  935

在 React 中實現多個按鈕：取消選擇除單擊的按鈕之外的所有按鈕

我試圖實現3個按鈕，一旦單擊其中一個按鈕，它就會更改背景顏色，而其他2個按鈕將被取消選擇，並且它們的背景顏色將恢復為原始顏色。但是，當我嘗試在React中實現它時，它總是落後1個按鈕（從某種意義上說，如果我按順序單擊按鈕1、3、2，我會將選定的按鈕設為1 、3（不是一個錯字，就在後面））。這是我針對該特定組件的程式碼。 importReact,{useEffect}from"react&qu

P粉099985373 2024-02-26 15:26:22 0  1  350

javascript - 關於單選框的問題，小白一枚，希望有人幫忙

公司要做個活動頁，4個按鈕，點選按鈕的時候，就等於選取狀態，更換背景圖片。點擊下一個的時候，如何讓上一個恢復原來的狀態。

PHP中文网 2017-05-24 11:36:42 0  4  712

帶箭頭的「閱讀更多」按鈕

我正在嘗試製作一個帶有右箭頭的“閱讀更多”按鈕，如圖所示。背景顏色為白色，整個按鈕必須如下所示。我正在使用以下程式碼。這裡的箭頭是白色的，所以在我的專案中我只能看到「檢視設定檔」按鈕，但由於背景顏色而看不到箭頭。如何更改箭頭顏色？ <buttonclass="c-btn">ViewProfile</button>.c-btn{border:none;bac

P粉616111038 2023-09-09 12:16:11 0  1  626

使用Tailwind CSS更改父級div的樣式，以回應單選按鈕的選取狀態

我有一個帶有多個列和每行一個單選按鈕的表格。當我選擇特定的按鈕時，我需要改變整行的背景顏色。這個能實現嗎？ {{user.email}}{{user.name}}在Tailwind中，可以使用"peer"類別來樣式化相鄰的區塊。但是我需要樣式化父級區塊（當被選中時，父級區塊的背景顏色應該改變）。

P粉718165540 2023-08-15 23:49:52 0  1  624

WordPress - 執行按鈕上的onclick函數，當頁面載入時

背景我正在建立一個註冊頁面，並希望在使用者按下「建立帳戶」按鈕時運行一個函數。我有一個如下的按鈕：<buttontype="submit"name="wp-submit"onclick="register_process();"data-ppt-btnclass="mt-5"><?phpecho__(&

P粉575055974 2023-08-30 00:33:02 0  1  656

將標題重寫為：將重點放在控制台按鈕的工作上，而不是其他區域

我有4個按鈕，當點擊它們時，我試圖將焦點設置在它們上面，以便用戶可以看到當前活動的按鈕。由於某種原因，在控制台中它的工作方式如預期一樣，當點擊按鈕時，它會添加焦點，根據CSS更改背景顏色，然後當點擊另一個按鈕時，第一個按鈕失去焦點，新按鈕獲得焦點。當我沒有打開控制台時，它不起作用。 constoneYear=document.getElementById('1Year');constfiveYear

P粉315680565 2023-09-02 09:28:50 0  1  502

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

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

P粉064448449 2023-08-30 20:19:37 0  2  567

如何在某些按鍵上變更空白 HTML 中的背景顏色（綠色/紅色）？

有人有關於如何在按下某些按鈕時更改HTML中的背景顏色的解決方案嗎，例如字母A。每當我按下按鈕時，顏色就會切換為其他顏色（紅色變為綠色，或綠色變為紅色），並保持這種狀態。但好處是，當我不專注於網頁瀏覽器時它可以工作，因此當我透過瀏覽器使用其他應用程式時它也可以工作。抱歉菜鳥問題和語言障礙。謝謝您的回覆。與此連結類似，但應該位於按鍵上：如何僅使用一個按鈕變更不同的背景顏色

P粉211273535 2023-09-07 10:08:19 0  2  650

使用useEffect來保持背景顏色狀態的技巧

我正在嘗試保存願望單切換按鈕的背景顏色，以便當用戶跨頁面時，按鈕的顏色保持為“黑色”，以向用戶顯示他們已經將該物品保存到願望單中。 constItem=(props)=>{constdispatch=useDispatch();const[background,setBackground]=useState(false);functionaddToCartHandler(product){di

P粉131455722 2023-08-18 15:08:53 0  1  535

地面濾鏡模糊過渡問題

按下按鈕會模糊背景，但在過渡時，div的邊緣過渡效果不佳。除了Firefox之外的所有瀏覽器都存在此問題，我該如何修復它？ varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  475

javascript - vue2.0子元件只傳遞資料給父元件?

這是父元件這是子元件效果說明一下:透過點擊"全部",'推薦','吐槽'來改變selectType的值來實現點擊選中按鈕背景的切換,透過點擊'對號'改變背景來顯示選中和未選取,這樣子元件中的slectType和onlyContent這兩個值...

给我你的怀抱 2017-05-19 10:34:07 0  2  794

如何在HTML中建立一個與表格最後一行具有相同屬性的按鈕？

考慮我在HTML中有一個表格：首頁服務聯絡人現在我只想在這個表格的末尾添加一個按鈕，這個按鈕的寬度必須與表格的最後一行（即「聯絡人」）的寬度相同（由其背景顏色表示）。現在，我該怎麼做呢？當我建立一個按鈕時，它只有自己建立的寬度：點擊現在我需要一個JavaScript程式碼，將按鈕myBtn元素的寬度設定為「聯絡人」行的寬度嗎？

P粉394812277 2023-09-16 22:19:11 0  1  694

angular.js - angular2 屬性元件與控制元件之間如何通訊

1、從控制項庫拖曳已有控制項能產生元素，並顯示出該元素的一些屬性，如下圖現在怎麼實現最右邊屬性元件改變，而中間元素的對應屬性同時發生改變，例如：我點選背景，選擇某個顏色，按鈕的背景色改變。生成的元...

世界只因有你 2017-05-15 17:09:54 0  1  648

PHP JS 行動端按鈕點選變色，選取的數字組成數組

PHP JS 行動端數字按鈕點擊後背景顏色變色，選取的數字組成數組，假如選了1,3,9這三個數字按鈕會變紅色，點確定之後變數ABC=1,3,9自己寫了， ios可以，安卓不行，有哪位大神可以幫忙呢？麻煩大神們附上整頁代碼，新手看一段的話很懵逼。 。 。 。

HARDWARE 2018-03-06 00:10:45 0  0  1232

javascript - 谷歌完全可以IE直接掛掉,IE11貌似到寒蘭效果有效,側邊欄沒法收放求解決,IE兼容性小白................

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; {程式碼...} &lt;/html&gt; CSS:***{ {程式碼...} }body{ {程式碼...} }/導覽列背景/.nav{ {程式碼...} }/導覽列按鈕/.box{ {程式碼...} } .box a { {程式碼...} }/處理I

为情所困 2017-05-19 10:35:10 0  2  541