From 17252bb3b0c751ad2be1c1c1226ebcf43e7967f3 Mon Sep 17 00:00:00 2001 From: harishhalodoc <80090779+harishhalodoc@users.noreply.github.com> Date: Sun, 18 Apr 2021 03:03:27 +0530 Subject: [PATCH] use `:read-only` css selector instead `[readonly]` for consistency (#33642) There are 5 places where [readonly] selector is used. I have replaced with :read-only for consistency. fix for https://github.com/twbs/bootstrap/issues/33101 Co-authored-by: Harish --- scss/forms/_form-control.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss index 9728b91f34..5e43aea991 100644 --- a/scss/forms/_form-control.scss +++ b/scss/forms/_form-control.scss @@ -25,7 +25,7 @@ &[type="file"] { overflow: hidden; // prevent pseudo element button overlap - &:not(:disabled):not([readonly]) { + &:not(:disabled):not(:read-only) { cursor: pointer; } } @@ -65,7 +65,7 @@ // disabled if the fieldset is disabled. Due to implementation difficulty, we // don't honor that edge case; we style them as disabled anyway. &:disabled, - &[readonly] { + &:read-only { background-color: $input-disabled-bg; border-color: $input-disabled-border-color; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655. @@ -88,7 +88,7 @@ @include transition($btn-transition); } - &:hover:not(:disabled):not([readonly])::file-selector-button { + &:hover:not(:disabled):not(:read-only)::file-selector-button { background-color: $form-file-button-hover-bg; } @@ -107,7 +107,7 @@ @include transition($btn-transition); } - &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + &:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button { background-color: $form-file-button-hover-bg; } } @@ -203,7 +203,7 @@ textarea { height: auto; // Override fixed browser height padding: $input-padding-y; - &:not(:disabled):not([readonly]) { + &:not(:disabled):not(:read-only) { cursor: pointer; } -- 2.47.2