when a-input use prefix, can not change input style

[flymzero]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.4.8

Environment

System: OS: macOS Mojave 10.14.6 CPU: (4) x64 Intel(R) Core(TM) i5-6267U CPU @ 2.90GHz Binaries: Node: 10.14.2 - /usr/local/bin/node Yarn: 1.13.0 - /usr/local/bin/yarn npm: 6.12.0 - /usr/local/bin/npm Browsers: Chrome: 78.0.3904.108 Firefox: Not Found Safari: 13.0.1 npmGlobalPackages: @vue/cli: 3.12.0

Steps to reproduce

<a-input id="jjj" placeholder="Basic usage">
<a-icon slot="prefix" type="search" />
</a-input>

#jjj{
border-radius: 16px;
border-color: #ffffff;
}

What is expected?

can change input style

What is actually happening?

can not change input style

[leslieeilsel]

I tried, it works!

[flymzero]

@leslieeilsel I find the problem is when i use <style scoped> 'a-input' can not change style, thanks

[flymzero]

i ues

<style lang="less" scoped>
/deep/ #jjj{
    /*background-color: #000c17 !important;*/
    border-radius: 16px;
    border-color: #ffffff;
}
</style>

it is ok

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.