我想更改较小设备的Tab组件的颜色。以下是我试图实现的一个例子:
import React from 'react'
import Radium from 'radium'
const inkBarStyle = {
background: 'green',
'@media screen and (max-width: 399px)': {
background: 'red'
}
}
class MyComponent extends React.Component {
render() {
return (
<Tabs inkBarStyle={inkBarStyle}>
<Tab label="Tab 1" />
<Tab label="Tab 2" />
<Tab label="Tab 3" />
</Tabs>
)
}
}
export default Radium(MyComponent)
Radium已正确导入我的项目 - 它已在<div>
元素等上使用。但它不适用于Material UI。有没有解决这个问题的方法?