Dashboards & Visualizations

Can I change a style of a drop-down button?

akanno
Communicator

Hi all.

I want to change a style of a drop-down button, so I am setting the CSS following.

css

.btn,.select2-container {
  background: #3498db;
  .......
  .......
}

But, the style of the drop-down button has changed to following.

alt text
In short, I want to change a style like "TimeRangePicker" in the above picture.

What is the selector I should set?
How do I change a style of the drop-down button?

0 Karma
1 Solution

anupjishnu
Path Finder

Yes you can....

Method 1: Modify application.css in $SPLUNK_HOME/etc/apps/search/appserver/static

Method 2: Create your own app and have your app specific application.css which will override default CSS. This app specific CSS will reside in $SPLUNK_HOME/etc/apps//appserver/static

View solution in original post

anupjishnu
Path Finder

Yes you can....

Method 1: Modify application.css in $SPLUNK_HOME/etc/apps/search/appserver/static

Method 2: Create your own app and have your app specific application.css which will override default CSS. This app specific CSS will reside in $SPLUNK_HOME/etc/apps//appserver/static

akanno
Communicator

anupjishnu,thank you for your reply.
my css is overridden by default css as you said.
so I add setting of 「!important」 to my css.
thank you very much!

0 Karma
Get Updates on the Splunk Community!

Preparing your Splunk Environment for OpenSSL3

The Splunk platform will transition to OpenSSL version 3 in a future release. Actions are required to prepare ...

Unleash Unified Security and Observability with Splunk Cloud Platform

     Now Available on Microsoft AzureThursday, March 27, 2025  |  11AM PST / 2PM EST | Register NowStep boldly ...

Splunk AppDynamics with Cisco Secure Application

Web applications unfortunately present a target rich environment for security vulnerabilities and attacks. ...