The name of the UniPageControl element in CSS

[artem_niko]

Good afternoon!

Using F12, I'm trying to find the name of this line in UniPageControl. I need to manage her style through CSS, but as soon as I haven't tried - to no avail.
Here's what F12 shows:

How do I write this line in the CSS file correctly, what line should I add that would change its style? For example, change its color.

[Sherzod]

Hello,

It seems you have found ->

x-tab-bar-strip

 

[artem_niko]

1 minute ago, Sherzod said:

Hello,

It seems you have found ->

x-tab-bar-strip

 

Here is fragment from my CSS file:

._tab-bar .x-tab-bar
	{
	 background-color: none !important; 
	 border-style: transparent !important; 
	 background-color: transparent !important;
	 border-color: #ccc !important; 
	 border-bottom-color: #cccccc !important;
	 border: none !important;
	}

._tab .x-tab
	{
	 background-color:#f3f3f3!important; 
	 border-color: #cccccc!important; 
	 border-bottom-color: transparent!important; 
	 border-top-left-radius: 10px!important;
	 border-top-right-radius: 10px!important;
	 border-bottom-left-radius: 10px!important;
	 border-bottom-right-radius: 10px!important;
	}
._tab-active .x-tab-active
	{
	font-family:Arial,Helvetica,sans-serif!important;
	font-weight:bold;
	font-size:14px;
	background-color: #feffe3!important; 
	border-color: #ccc!important; 
	border-bottom-color: #ccc!important; 
	}

Where should I place the code

x-tab-bar-strip

to change the color of this line?

I apply the class above like this:

[Sherzod]

4 minutes ago, artem_niko said:

Something like this I guess:

CustomCSS ->

.rounded .x-tab-bar-strip {
    border-color: green;
}

 

[artem_niko]

7 minutes ago, Sherzod said:

Something like this I guess:

CustomCSS ->

.rounded .x-tab-bar-strip {
    border-color: green;
}

 

No effect...

May be, this is because I'm also using this?

.myNoBorderCSS .x-panel-body-default
	{
    background: #ffffff!important; /*color of UniTabSheet*/
    border-color: #cccccc!important;
    color: #cccccc!important;
    border-width: 0px !important;
    border-style: none !important;
    border-top-color: #f5f5f5!important;
	}

 

[Sherzod]

Can you make a simple testcase with customCss you are using?

[artem_niko]

2 minutes ago, Sherzod said:

Can you make a simple testcase with customCss you are using?

So I have already given an example of the code from my CSS file. Everything related to CSS and what applies to Uipagecontrol is the code above, it makes no sense to make a separate example to apply the same code to it.

I really need to remove this line, it annoys me terribly, but I can't figure out what code to prescribe for it, I've already written it in any way...

[Sherzod]

7 minutes ago, artem_niko said:

So I have already given an example of the code from my CSS file. Everything related to CSS and what applies to Uipagecontrol is the code above, it makes no sense to make a separate example to apply the same code to it.

Sorry, I don’t think so, for example, there is no class rounded...

[artem_niko]

1 minute ago, Sherzod said:

Извините, я так не думаю, например, нет класса rounded ...

Here is class rounded:

.rounded
	{
	 border-radius: 12px;
	 border-color: #cccccc!important; /*color of border of forms*/
	 border-width: 0px!;
	 color: #cccccc!important;
	 background-color:#ffffff!important; /*color of form*/
	}