css - How to show full field for Bootstrap input date fields? -


when use boostrap create date input field has limited width

<input type="date" id="my_date" name="my_date" class="form-control" style="width:80px"> 

the value (or placeholder) covered control icons when field focused; fine. when field not focused, place control icons placed if focused takes white space.

bootstrap date input field examples

is there workaround field shows full content if not focused?

try code. when hover buttons displayed. if text still hidden, try make smaller font, or less padding.

css

#my_date::-webkit-inner-spin-button {   -webkit-appearance: none;    display: none; } #my_date:hover::-webkit-inner-spin-button {   display: block; } 

Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -