已解決430363個問題，去搜搜看，總會有你想問的

如何更改子元素的按鈕圖標顏色

首頁猿問如何更改子元素的按鈕圖標顏色

如何更改子元素的按鈕圖標顏色

JavaScript

牧羊人nacy 2022-01-20 18:30:45

我有一個帶 closeButton 的 Modal.Header（默認為白色），我想將其顏色更改為黑色。該組件的代碼是：const inlineStyles = { header: { padding: '18px', margin: 0, backgroundColor: '#F2F3F4', },<Modal.Header style={inlineStyles.header} closeButton >呈現的 X 按鈕的 HTML 如下所示： <button type="button" aria-label="Close" class="close237497"></button>

查看完整描述

2 回答

qq_笑_17

TA貢獻1818條經驗獲得超7個贊

跟隨這個文件React-Bootstrap。當你傳入一個closeButton propintoModalHeader時，按鈕就會有 class is close。

因此，您可以像這樣覆蓋該類：

// create a file to override CSS bootstrap (override.css)

// override style of closeButton ModalHeader

.close {

color: #fc0303 !important // red

// orther style

}

import ModalHeader from 'react-bootstrap/ModalHeader';

import "./override.css";

// use ModalHeader

反對回復 2022-01-20

猛跑小豬

TA貢獻1858條經驗獲得超8個贊

使用你的風格道具Modal.Header來設置風格，button像這樣

<button type="button" aria-label="Close" style={this.props.style}></button>

反對回復 2022-01-20

2 回答
0 關注
151 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何更改子元素的按鈕圖標顏色

如何更改子元素的按鈕圖標顏色

2 回答

添加回答