Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Is it possible to change the style for a v-select ?

Sumanth Muthyala
10 years ago Jan 11, 2012 8:07am
Jouni Koivuviita
10 years ago Jan 11, 2012 11:53am
Sumanth Muthyala
10 years ago Jan 12, 2012 8:19am
Marc Bosserhoff
10 years ago Jan 13, 2012 9:02am
Jouni Koivuviita
10 years ago Jan 27, 2012 8:10am
Jouni Koivuviita
10 years ago Jan 27, 2012 8:12am

Sumanth Muthyala: Hey Jouni,
Hope all is well and happy new year to you and your family!

Would you happen to have any examples of styled v-select-select.
You know i thought the double select was a mistake on my part i deleted it when i originally wrote the post :)

Thanks, all good!

Here’s an example of a styled native select. Notice the “appearance” properties, which will remove any user agent styles from the element (if that is supported):

select.v-select-select {
	background: transparent; 
	border: none;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 0 0;
	line-height: 28px;
	height: 28px;
	background: transparent url(img/btn-arrow.png) no-repeat 100% 50%;
}
Last updated on Jan, 27th 2012
Sumanth Muthyala
10 years ago Jan 27, 2012 10:24pm
Michal Garnysz
8 years ago Aug 27, 2013 2:24pm
Narasimman Velmurugan
4 years ago Feb 15, 2018 10:53am
Narasimman Velmurugan
4 years ago Mar 21, 2018 2:37am