Time Control background color change

[BoobalanB]

Hi,

I need to change time control background color from white to grey using css file. How to do that. Please help

[BoobalanB]

Thanks.. It is working..

[ITWhisperer]

I meant mark my post as the solution not yours! Give credit where credit is due 😀

[ITWhisperer]

Please can you mark it as solved to help others find it

[ITWhisperer · Accepted solution]

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">
...