NativeButton change look

I 'm trying change the nativebutton look :


.v-nativebutton {
	background:transparent;
        background-color: #3b5998;
        border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
        border-style: solid;
        border-width: 1px;
        margin: 0 2px;
        padding: 2px 18px;

}
.v-caption .v-nativebutton-caption {
	color: white;
	text-align: center;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 11px;
	}

But nothing happens with the caption…
Is something wrong?

Remove the .v-caption, because you don’t have the .v-nativebutton-caption under a .v-caption.

.v-nativebutton-caption {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: white;
	text-align: center;
    font-size: 24px;
	}

Does not work. Any idea??

The selector in Base theme is more specific than your selector, and overrides all of those properties.

I consider this a bug, and created a ticket for it. Makes custom styling too hard for no apparent reason.
Ticket #5585

For a workaround, you need to use the following selector:

.v-nativebutton .v-nativebutton-caption {
   ...
}