question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using bootstrap-styling causing readonly

See original GitHub issue

I 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:closed
  • Created 5 years ago
  • Reactions:7
  • Comments:5

github_iconTop GitHub Comments

6reactions
letuhuucommented, Mar 26, 2019

My temporary way: .vdp-datepicker .input-group .form-control[readonly] { background: none !important; }

0reactions
samwilcockcommented, Oct 3, 2019

@Maartz thanks i’ll give it a go.

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found