Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

setting @input-border-radius to 0 does not affect <select class="form-control"> #15340

Closed
aguegu opened this issue Dec 11, 2014 · 1 comment
Closed

setting @input-border-radius to 0 does not affect <select class="form-control"> #15340

aguegu opened this issue Dec 11, 2014 · 1 comment
Labels
css docs
Milestone
v3.3.2

Comments

@aguegu
Copy link

aguegu commented Dec 11, 2014

as in

https://stackoverflow.com/questions/24210132/remove-border-radius-from-select-tag-in-bootstrap-3

I am using the http://bootswatch.com/yeti/ theme, every .form-control is radius 0, except <select>, testing on http://getbootstrap.com/css/#forms is same.

it is supposed to work, right?
@cvrebert cvrebert added the css label Dec 11, 2014
@aguegu aguegu changed the title set $input-border-radius to 0 does not affect the <select class="form-control"> set $input-border-radius to 0 does not affect <select class="form-control"> Dec 11, 2014
@aguegu aguegu changed the title set $input-border-radius to 0 does not affect <select class="form-control"> setting $input-border-radius to 0 does not affect <select class="form-control"> Dec 11, 2014
@cvrebert cvrebert changed the title setting $input-border-radius to 0 does not affect <select class="form-control"> setting @input-border-radius to 0 does not affect <select class="form-control"> Dec 11, 2014
@cvrebert
Copy link
Collaborator

Browsers generally don't allow <select>s or certain other native form controls (e.g. checkboxes) to be styled very much. The extent to which they can be styled varies by browser and OS.
Since Bootstrap v3 doesn't overhaul native form elements (use something like http://wtfforms.com for that), seems like we should just document/comment that this variable/property doesn't have an effect in all browsers?

@mdo mdo added this to the v3.3.2 milestone Dec 15, 2014
@mdo mdo added the docs label Dec 15, 2014
cvrebert added a commit that referenced this issue Dec 15, 2014
@cvrebert
Add docs for #15340
e674ea5 
border-radius CSS property doesn't affect <select>s in some browsers.
Hence, @input-border-radius doesn't affect <select class="form-control"> in some browsers.
Closes #15340.

[skip sauce]
[skip validator]
@mdo mdo closed this as completed in 4945e37 Dec 15, 2014
cvrebert added a commit that referenced this issue Dec 15, 2014
@cvrebert
Merge pull request #15373 from twbs/doc-15340
e41127e 
Add docs for #15340
@juthilo juthilo mentioned this issue Dec 30, 2014
Closed
@cvrebert cvrebert mentioned this issue Jan 16, 2015
Closed
cvrebert added a commit that referenced this issue Jan 16, 2015
@cvrebert
.form-control: add note about <select> & border-radius
85a6595 
Refs #15340
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css docs
Projects
None yet
Milestone
v3.3.2
Development

No branches or pull requests
3 participants
@mdo @cvrebert @aguegu