diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 264054faa8..3ea612d2bf 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -383,26 +383,22 @@ --------------------- */ /* browsers require these rules separate */ -.ui.form ::-webkit-input-placeholder { +.ui.form ::placeholder { color: @inputPlaceholderColor; } .ui.form :-ms-input-placeholder when (@supportIE) { color: @inputPlaceholderColor !important; } .ui.form ::-moz-placeholder { - color: @inputPlaceholderColor; opacity: 1; } -.ui.form :focus::-webkit-input-placeholder { +.ui.form :focus::placeholder { color: @inputPlaceholderFocusColor; } .ui.form :focus:-ms-input-placeholder when (@supportIE) { color: @inputPlaceholderFocusColor !important; } -.ui.form :focus::-moz-placeholder { - color: @inputPlaceholderFocusColor; -} /* -------------------- Focus @@ -649,25 +645,19 @@ } /* Placeholder */ - .ui.form .@{state} ::-webkit-input-placeholder { + .ui.form .@{state} ::placeholder { color: @formStates[@@state][inputPlaceholderColor]; } .ui.form .@{state} :-ms-input-placeholder when (@supportIE) { color: @formStates[@@state][inputPlaceholderColor] !important; } - .ui.form .@{state} ::-moz-placeholder { - color: @formStates[@@state][inputPlaceholderColor]; - } - .ui.form .@{state} :focus::-webkit-input-placeholder { + .ui.form .@{state} :focus::placeholder { color: @formStates[@@state][inputPlaceholderFocusColor]; } .ui.form .@{state} :focus:-ms-input-placeholder when (@supportIE) { color: @formStates[@@state][inputPlaceholderFocusColor] !important; } - .ui.form .@{state} :focus::-moz-placeholder { - color: @formStates[@@state][inputPlaceholderFocusColor]; - } /*------------------ Dropdown State diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 9964448bc2..105097b940 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -64,11 +64,10 @@ /* browsers require these rules separate */ -.ui.input > input::-webkit-input-placeholder { +.ui.input > input::placeholder { color: @placeholderColor; } .ui.input > input::-moz-placeholder { - color: @placeholderColor; opacity: 1; } .ui.input > input:-ms-input-placeholder when (@supportIE) { @@ -148,12 +147,8 @@ color: @focusColor; box-shadow: @focusBoxShadow; } -.ui.input.focus > input::-webkit-input-placeholder, -.ui.input > input:focus::-webkit-input-placeholder { - color: @placeholderFocusColor; -} -.ui.input.focus > input::-moz-placeholder, -.ui.input > input:focus::-moz-placeholder { +.ui.input.focus > input::placeholder, +.ui.input > input:focus::placeholder { color: @placeholderFocusColor; } & when (@supportIE) { @@ -192,10 +187,7 @@ } /* Placeholder */ - .ui.input.@{state} > input::-webkit-input-placeholder { - color: @formStates[@@state][inputPlaceholderColor]; - } - .ui.input.@{state} > input::-moz-placeholder { + .ui.input.@{state} > input::placeholder { color: @formStates[@@state][inputPlaceholderColor]; } .ui.input.@{state} > input:-ms-input-placeholder when (@supportIE) { @@ -203,10 +195,7 @@ } /* Focused Placeholder */ - .ui.input.@{state} > input:focus::-webkit-input-placeholder { - color: @formStates[@@state][inputPlaceholderFocusColor]; - } - .ui.input.@{state} > input:focus::-moz-placeholder { + .ui.input.@{state} > input:focus::placeholder { color: @formStates[@@state][inputPlaceholderFocusColor]; } .ui.input.@{state} > input:focus:-ms-input-placeholder when (@supportIE){ @@ -258,10 +247,7 @@ color: inherit; } - .ui.transparent.inverted.input > input::-webkit-input-placeholder { - color: @transparentInvertedPlaceholderColor; - } - .ui.transparent.inverted.input > input::-moz-placeholder { + .ui.transparent.inverted.input > input::placeholder { color: @transparentInvertedPlaceholderColor; } .ui.transparent.inverted.input > input:-ms-input-placeholder when (@supportIE) { diff --git a/src/definitions/globals/site.less b/src/definitions/globals/site.less index 4aa3ca06d7..257763ba47 100755 --- a/src/definitions/globals/site.less +++ b/src/definitions/globals/site.less @@ -195,30 +195,12 @@ a:hover { *******************************/ /* Site */ -::-webkit-selection { - background-color: @highlightBackground; - color: @highlightColor; -} -::-moz-selection { - background-color: @highlightBackground; - color: @highlightColor; -} ::selection { background-color: @highlightBackground; color: @highlightColor; } /* Form */ -textarea::-webkit-selection, -input::-webkit-selection { - background-color: @inputHighlightBackground; - color: @inputHighlightColor; -} -textarea::-moz-selection, -input::-moz-selection { - background-color: @inputHighlightBackground; - color: @inputHighlightColor; -} textarea::selection, input::selection { background-color: @inputHighlightBackground; diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 956c388097..0cc311f521 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -1898,16 +1898,6 @@ select.ui.dropdown { } /* Selection for form elements */ - .ui.inverted.dropdown textarea::-webkit-selection, - .ui.inverted.dropdown input::-webkit-selection { - background-color: @invertedInputHighlightBackground; - color: @invertedInputHighlightColor; - } - .ui.inverted.dropdown textarea::-moz-selection, - .ui.inverted.dropdown input::-moz-selection { - background-color: @invertedInputHighlightBackground; - color: @invertedInputHighlightColor; - } .ui.inverted.dropdown textarea::selection, .ui.inverted.dropdown input::selection { background-color: @invertedInputHighlightBackground;