Load the following html in HelloWebView,
<body>
<input type="text" style=" border-bottom-color: rgba(0, 0, 0, 0.16); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: separate; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgba(0, 0, 0, 0.27); border-left-style: solid; border-left-width: 1px; border-right-color: rgba(0, 0, 0, 0.27); border-right-style: solid; border-right-width: 1px; border-top-color: rgba(0, 0, 0, 0.38); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; bottom: auto; " />
</body>
Other browsers renders the html text input element. Above snippet is a reduced test case from "https://passport.yandex.ru/registration/mail?from=mail&origin=home_v14_ru&retpath=https%3A%2F%2Fmail.yandex.ru"
<body>
<input type="text" style=" border-bottom-color: rgba(0, 0, 0, 0.16); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: separate; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgba(0, 0, 0, 0.27); border-left-style: solid; border-left-width: 1px; border-right-color: rgba(0, 0, 0, 0.27); border-right-style: solid; border-right-width: 1px; border-top-color: rgba(0, 0, 0, 0.38); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; bottom: auto; " />
</body>
Other browsers renders the html text input element. Above snippet is a reduced test case from "https://passport.yandex.ru/registration/mail?from=mail&origin=home_v14_ru&retpath=https%3A%2F%2Fmail.yandex.ru"