dropdown

.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.