Hi,
I need to change time control background color from white to grey using css file. How to do that. Please help
It depends on how far you want to go with the colour change
...
<row depends="$alwaysHideCSSStyleOverride$">
<panel>
<html>
<style>
#timepicker,
#timepicker button[class^="ButtonStyles"],
button[class^="CollapsiblePanelStyles"],
div[data-component="splunk-core:/splunkjs/mvc/components/TimeRangePickerDropdown"]
{
background: #cccccc !important;
}
</style>
</html>
</panel>
</row>
<fieldset submitButton="false">
<input type="time" token="tokTime" searchWhenChanged="true" id="timepicker">
...
Thanks.. It is working..
I meant mark my post as the solution not yours! Give credit where credit is due 😀
Please can you mark it as solved to help others find it
It depends on how far you want to go with the colour change
...
<row depends="$alwaysHideCSSStyleOverride$">
<panel>
<html>
<style>
#timepicker,
#timepicker button[class^="ButtonStyles"],
button[class^="CollapsiblePanelStyles"],
div[data-component="splunk-core:/splunkjs/mvc/components/TimeRangePickerDropdown"]
{
background: #cccccc !important;
}
</style>
</html>
</panel>
</row>
<fieldset submitButton="false">
<input type="time" token="tokTime" searchWhenChanged="true" id="timepicker">
...