[Style] [input] 文本域输入框滚动条样式失效

[liwenxuande]

Bug Type: Style

Environment

• Vue Version: 3.4.19
• Element Plus Version: 2.5.5
• Browser / OS: Microsofet Windows11 22621.3007 Chrome121.0.6167.161
• Build Tool: Vite

Reproduction

Related Component

• el-input

Reproduction Link

Element Plus Playground

Steps to reproduce

输入多行文本超出限制时，滚动条样式与文档样式不一致

What is Expected?

无

What is actually happening?

无

Additional comments

[Gu1st]

这个受滚动条伪元素影响

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar:horizontal {
    height: 6px
}

::-webkit-scrollbar-track {
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 10px;
    transition: all .2s ease-in-out
}

::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #0000004d
}