javascript - 如何将图标/按钮移到文本框 x-webkit-speech 之外?

标签 javascript jquery css html google-chrome

我有 enter image description here

我想要 enter image description here

我的代码html

<html>
<head></head>
<body>
    <input type="text" x-webkit-speech />
</body>
</html>

如何使用 css、html 或 javascript 移动它?

最佳答案

在 CSS 中:

.myclass::-webkit-input-speech-button{
    -webkit-transform: scale(0.0, 0.0);
    margin-right: 0px; //here for move icon example: margin-right: -10px
    position: absolute;
    z-index: 10;
}

.myclass:hover::-webkit-input-speech-button, .cajasmodales:focus::-webkit-input-speech-button{
    -webkit-transform: scale(1.0, 1.0);
    margin-right: 0px; //here for move icon example: margin-right: -10px
    position: absolute;
    z-index: 10;
}

在 HTML 代码中:

<html>
<head></head>
<body>
    <input class="myclass" type="text" x-webkit-speech />
</body>
</html>

关于javascript - 如何将图标/按钮移到文本框 x-webkit-speech 之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21613300/

相关文章:

javascript - 如何使用Jquery获取td内的span值?

ASP.NET 和 Javascript DOM 操作

javascript - 我的 Modal 无法在 Bootstrap 中工作,看不出出了什么问题

javascript - Web 组件的可用高度和宽度?

javascript - 使用jquery计算双倍折扣

javascript - fetch 给出一个空的响应主体

javascript - document.getElementById()的简写形式,如jQuery "dollar-sign"方法: $()

javascript - AngularJS 是否为简单的 AJAX 网站提供了优势

css - DIV 没有环绕它的子元素?

html - 为什么文本和内联内容在列中分布不均匀?