[Resolved : Styling <select> by changing less variables in Luma theme…

[hitesh-wagento]

Have "select" elements with the styles you set in _theme.less

Description

Fixed Issues (if relevant)

1. magento/magento2#Styling <select> by changing less variables in Luma theme doesn't work as expected #15608 : Issue title Styling select by changing less variables in Luma theme doesn't work as expected

Manual testing scenarios

1. In Custom/theme/web/css/source/_theme.less set less variables:
   @select__background: rgba(255, 255, 255, 0.15);
   @select__border: 2px dashed blue;
   @select__height: 50px;
   @select__padding: 15px 40px 15px 15px;
   @select__background-clip: border-box;
2. Compile less

Contribution checklist

• Pull request has a meaningful description of its purpose
• All commits are accompanied by meaningful commit messages
• All new or changed code is covered with unit/integration tests (if applicable)
• All automated tests passed successfully (all builds on Travis CI are green)

[DanielRuf]

Where are the @select__border and other variables defined / used?

[hitesh-wagento]

It's define in lib/web/css/source/lib/variables/_forms.less

[DanielRuf]

But I do not (directly) see its usage anywhere. I'm speaking about the newly added variables.

[hitesh-wagento]

I didn't created/added any new variables. all variables are in lib/web/css/source/lib/variables/_forms.less I have just moved _forms.less CSS in _theme.less so we can change select CSS without using !important

[DanielRuf]

Ah, found them =) @{@{_type}__background} and so on.

[DanielRuf]

Sorry, just want to check the inheritance and usage of the variables to understand the issue better and detect similar issues.

[magento-engcom-team]

Hi @hitesh-wagento. Thank you for your contribution.
Changes from your Pull Request will be available with the upcoming 2.2.6 release.

Please, consider to port this solution to 2.3 release line.
You may use Porting tool to port commits automatically.