我當前的應用程式有一個小盒子，允許用戶上傳檔案。我想對這個盒子應用一種顏色，但是當我將滑鼠指標懸停在盒子上時，顏色似乎發生了變化。例如，構建按鈕的 Dash 代碼如下所示。
dbc.Row(
dbc.Col(
lg={"size": 6, "offset": 3},
xs=12,
children=dbc.Button(
id="upload-button",
className="upload-button",
href="#",
n_clicks=0,
children=["Upload Files"],
), #Please ignore incomplete brackets at the end.
然后，css部分看起來像這樣。
.upload-button {
width: 100%;
background-color: rgba(24, 72, 90, 1);
font-weight: bold;
font-size: 20px;
border: solid 0.1px rgba(24, 72, 90, 1);
}
我想要的顏色是 rgba(24, 72, 90, 1) 但是當我將滑鼠指標懸停在“上傳檔案”框上時，它會變成隨機的藍色。我該如何解決這個問題？
uj5u.com熱心網友回復：
我不確定您的應用程式模塊是什么（Django 或只是一個桌面應用程式）。在任何一種情況下，如果您的應用程式模塊支持所有 CSS 陳述句和邏輯，您可能需要定義一個陳述句，其中包含標記的類名（在您的情況下.upload-button），后跟:hover.
.upload-button:hover {
color:rgba(24, 72, 90, 1);
}
解釋
這段代碼并不意味著你必須洗掉你之前的 CSS 陳述句！選擇:hover器僅指向滑鼠懸停標簽的事件（在您的情況下，帶有 class 的標簽.upload-button:hover）。您的 CSS 檔案將類似于以下內容：
.upload-button {
width: 100%;
background-color: rgba(24, 72, 90, 1);
font-weight: bold;
font-size: 20px;
border: solid 0.1px rgba(24, 72, 90, 1);
}
.upload-button:hover {
color:rgba(24, 72, 90, 1);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/425038.html
標籤：css
上一篇：更混亂的向上運動