'Grommet disabled select. How to change the text color of a disabled select
Im trying to change the color of the text value inside a select option to a darker one
This is the current code
import React, { Component } from "react";
import { Select } from "grommet";
import SandboxComponent from "./SandboxComponent";
const OPTIONS = ["First", "Second", "Third"];
export default class extends Component {
state = { value: [], options: OPTIONS };
render() {
const { options, value } = this.state;
return (
<SandboxComponent>
<Select
multiple={true}
value={"test"}
onSearch={(searchText) => {
const regexp = new RegExp(searchText, "i");
this.setState({ options: OPTIONS.filter((o) => o.match(regexp)) });
}}
onChange={(event) =>
this.setState({
value: event.value,
options: OPTIONS
})
}
options={["test", "sneed"]}
disabled
/>
</SandboxComponent>
);
}
}
https://codesandbox.io/s/keen-murdock-ltuhr?file=/src/Select.js
But im unable to do so.
But I dont see references to changing the color of the text when its disabled and making it darker
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
