.ginput_container_select {
position: relative;
/*Don't really need this just for demo styling*/
}
.ginput_container_select:after {
content: '>';
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 20px;
top: 18px;
padding: 0 0 2px;
border-bottom: 1px solid #999;
/*left line */
position: absolute;
pointer-events: none;
}
.ginput_container_select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Add some styling */
display: block;
width: 100%;
max-width: 320px;
height: 50px;
float: right;
margin: 5px 0px;
padding: 0px 24px;
font-size: 16px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
-ms-word-break: normal;
word-break: normal;
}
<div class="ginput_container ginput_container_select"><select name="input_9" id="input_6_9" class="large gfield_select" tabindex="1" aria-required="true" aria-invalid="false"><option value="0" selected="selected">Zwart - wit</option><option value="65">Kleur (€65,-)</option></select></div>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.