mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-02 10:47:48 +08:00
fix(select-modal): hide focus option's border for ionic theme (#30660)
Issue number: resolves internal --------- ## What is the current behavior? When opening a ion-select with a modal interface, the first option is focused and, as such, has a border. This happens because an ion-item is being rendered, which has a specific styling for focused stated. ## What is the new behavior? When inside a `ion-select-modal`, we don't want this specific `ion-item` styling. ## Does this introduce a breaking change? - [ ] Yes - [x] No
This commit is contained in:
committed by
Marta Carlos
parent
f72f753117
commit
828470aaed
@ -11,6 +11,11 @@ ion-item {
|
||||
--border-width: 0;
|
||||
}
|
||||
|
||||
ion-item.ion-focused::part(native)::after {
|
||||
// Your styles for the ::after pseudo element when ion-item is focused
|
||||
border: none;
|
||||
}
|
||||
|
||||
// Toolbar
|
||||
// ----------------------------------------------------------------
|
||||
|
||||
|
||||
Reference in New Issue
Block a user