test

.speech {border: 1px solid #DDD; width: 300px; padding: 0; margin: 0} .speech input {border: 0; width: 240px; display: inline-block; height: 30px;} .speech img {float: right; width: 40px } function startDictation() { if (window.hasOwnProperty('webkitSpeechRecognition'))...

Search tool

* { box-sizing: border-box; } #myInput:focus { box-shadow: 0 1px 8px 0 rgba(0,0,0,0.16), 0 0 5px 1px rgba(0,0,0,0.08); } #myInput { border-radius: 40px; background-image: url(https://www.w3schools.com/css/searchicon.png); background-position:...