[feature request] when you switch radio, the circle icon on the left of the selected radio item shows the outer shadow

[wzXJF]

Existing Component

是

Component Name

Radio

Description

之前使用 element-ui 不是这种效果，我个人以为这种外阴影给使用者的第一感觉就是图片模糊而不是shadow的效果， 避免： .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: none; box-shadow: none; } 可以全局的修改默认的样式

[element-bot]

Translation of this issue:

Existing Component

yes

Component Name

Radio

Description

Before using element UI, it was not such an effect. I personally thought that the first feeling of the external shadow to the user was the image blur rather than the shadow effect,

Avoid: .el- radio:focus :not(.is-focus):not(:active):not(.is-disabled) .el-radio__ inner {

-webkit-box-shadow: none; box-shadow: none;

} You can change the default style globally

[FingersMelody]

safari浏览器下会出现此问题，用safari打开element官网查看radio组件即可复现，抽屉组件也有此问题，都是box-shadow导致， 每个组件覆盖的class不同。 普通radio： .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: none; box-shadow: none; } 按钮样式的radio: .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled):focus { -webkit-box-shadow: none; box-shadow: none; }

[FingersMelody]

safari浏览器下会出现此问题，用safari打开element官网查看radio组件即可复现，抽屉组件也有此问题，都是box-shadow导致， 每个组件覆盖的class不同。 普通radio： .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: none; box-shadow: none; } 按钮样式的radio: .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled):focus { -webkit-box-shadow: none; box-shadow: none; }

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.