Using bootstrap-styling causing readonly
See original GitHub issueI am using the datepicker which is fine and found that I can apply bootstrap styling to it using the bootstrap styling property.
However this then sets the input the be readonly, which doesn’t actually stop you from entering the date in this case but it give it the readonly style that is applied to all other inputs.
Why is this happening ?
Below is my html for the datepicker.
<datepicker v-model="newCourse.startDate" bootstrap-styling="true"></datepicker>
Any help would be great thanks.
Sam
Issue Analytics
- State:
- Created 5 years ago
- Reactions:7
- Comments:5
Top Results From Across the Web
Force enabled look to readonly input with bootstrap CSS
I have an app using bootstrap.css for the design. I have a readonly input which looks like disabled because of bootstrap (cursor not...
Read more >readonly-plain-text with button addon - twbs/bootstrap - GitHub
it's not really possible, to my knowledge, to rewrite styles so that the button takes account of an element that comes after it....
Read more >CSS · Bootstrap
Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning...
Read more >Input - dbc docs - Dash Bootstrap Components - Faculty AI
Create Bootstrap styled input components to capture data. ... If you are using dash-core-components, it will inject some CSS that adds a red...
Read more >CSS · Bootstrap 3.3.6 Documentation - BootstrapDocs
Note that, due to padding and more, neither container is nestable. Use .container for a responsive fixed width container. <div class="container"> ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

My temporary way: .vdp-datepicker .input-group .form-control[readonly] { background: none !important; }
@Maartz thanks i’ll give it a go.