So I have a CSS selector for a completely separate dialog in my application called "wizard-grid". This selector is nowhere in the HTML for this file, yet for some unknown reason the browser seems to be ignoring the parent selectors and inheriting from "select" for my dropdowns on this page. These files are minified, could that have something to do with it?
I even did a search in my entire project and the only place where the "wizard-grid" class is mentioned is in one CSS file and one HTML file that are not related to this page. I put a picture of what the broswer is interpreting below:
There are 3 separate selectors there, separated by comma. The "parent" selectors only apply to the input
, not to the select
or .search
.wizard-grid .wizard-body input
select
.search
I'm guessing what you probably want is this. You must have a mistake in your CSS somewhere.
.wizard-grid .wizard-body input
.wizard-grid .wizard-body select
.wizard-grid .wizard-body .search