todc/todc-bootstrap

-webkit-appearance breaks in chrome

apoo opened this issue · 2 comments

apoo commented

Following line breaks in chrome:

  -webkit-appearance: none;

Its been set in following statement:

input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 13px;
  height: 13px;
  background: white;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box \9;
  width: 16px \9;
  height: 16px \9;
  border-width: 0 \9;
}

Checkbox

when i remove/uncheck that line in firebug, it shows the check-box.

todc commented

Can you provide a jsfiddle that demonstrates the problem? Checkboxes look fine to me in Chrome on the docs page:

http://todc.github.com/todc-bootstrap/base-css.html#forms

@todc, please close