/admin/modules checkboxes invisible in IE10 [#1972142]

not sure why this is, as they work in most other places... maybe it has to do with the number of checkboxes, or module filter:

Comment	File	Size	Author
	shiny-nochecks.jpg	89.59 KB	tmsimont

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

criz

he/him

Vienna/Austria

CreditAttribution: criz commented 24 April 2013 at 19:01

Version:

7.x-1.1

» 7.x-1.x-dev

Yes, this theme has too much browser specific hacks imho. Also some issues with ie10 and below.
Anyway, this is an ugly hack that worked for me (fast fix, no solution):

/* Form Fix for IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  form table {
    input.form-checkbox,
    input.form-radio {
      border: 0;
      opacity: 1;
      height: 20px;
      width: 20px;
      background: transparent url("../images/toggles.png") no-repeat 0 0;
    }
  }
}

Btw, this issue is also present on order overview page in commerce kickstart.

Comment #2

dudenhofer CreditAttribution: dudenhofer commented 24 April 2013 at 20:43

@criz is right. Shiny uses a CSS radio/checkbox replacement, and some of the bugs were handled quickly when they were found. Here are some selectors that we can set opacity to 1 and fix this issue. Might be a better approach than adding to the browser hacks (maybe even eliminate some)

input.vbo-table-select-all,
input.vbo-select,
td.checkbox input.form-checkbox {
  border: 0;
  opacity: 1;
  height: 20px;
  width: 20px;
  background: transparent url("../images/toggles.png") no-repeat 0 0;
}