[CSS 3] Using CSS attribute selector
CSS Using attribute Selector
2023-09-14 09:00:46 时间
For example, we have single selector and multi selector:
<div class="form-group"> <label for="standard-select">Standard Select</label> <div class="form-field select"> <select id="standard-select" name="standard-select"> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> <option value="Option 4">Option 4</option> <option value="Option 5">Option 5</option> <option value="Option length"> Option that has too long of a value to fit </option> </select> </div> </div> <div class="form-group"> <label for="multi-select">Multiple Select</label> <div class="form-field select select--multiple"> <select id="multi-select" name="multi-select" multiple> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> <option value="Option 4">Option 4</option> <option value="Option 5">Option 5</option> <option value="Option length"> Option that has too long of a value to fit </option> </select> </div> </div>
If you just want to target 'mutiple' select, you can do in scss:
select { &[multiple] { padding-right: 0; } }
相关文章
- 前端每日实战:133# 视频演示如何用 CSS 和 GSAP 创作有多个关键帧的连续动画
- CSS : 使用 z-index 的前提
- [CSS] Using box-shadow as background colors
- [CSS3] Create Viewport Responsive Layout Spacing Using CSS Clamp
- [SCSS] Pure CSS for multiline truncation with ellipsis
- [TypeStyle] Generate static css + html files using TypeStyle
- [TypeStyle] Style CSS pseudo-classes using TypeStyle with $nest
- [CSS] Reduce Ambiguity in Class Names using a Naming Convention
- [CSS] Conditionally Apply Styles Using Feature Queries @supports
- [CSS] Control Image Aspect Ratio Using CSS (object-fit)
- [CSS] Using transform: scale(0) for hiding element
- [CSS 3] content-visibility: auto Improve rendering performance
- [CSS3] Target HTML Elements not Explicitly set in the DOM with CSS Pseudo Elements (Blockquotes)
- [TypeStyle] Style CSS pseudo-classes using TypeStyle with $nest
- [CSS] Reduce Ambiguity in Class Names using a Naming Convention
- [CSS] Conditionally Apply Styles Using Feature Queries @supports
- [CSS] Manipulate Images Using CSS Filter and Blend Modes
- Atitit path query 路径查询语言 数据检索语言 目录 1.1. List map >> spel1 1.2. Html数据 》》Css选择符1 1.3. Json 》map》
- 关于fixture.debugElement.query(By.css)这个方法的一个疑问
- 辛星与您使用CSS导航条