<style> .input, .submit { display: inline-block; padding: 10px 15px; font-size: 20px; border-radius: 0; -webkit-appearance: none; } .input { border: 1px solid lightgray; } .submit { background-color: lightgreen; border: 1px solid transparent; } .submit::-moz-focus-inner { border: 0; } </style> <form> <input class="input" type="search" placeholder="Search for..."> <input class="submit" type="submit" value="Submit"> </form>
<style>
.input,
.submit {
display: inline-block;
padding: 10px 15px;
font-size: 20px;
border-radius: 0;
-webkit-appearance: none;
}
.input {
border: 1px solid lightgray;
background-color: lightgreen;
border: 1px solid transparent;
.submit::-moz-focus-inner {
border: 0;
</style>
<form>
<input class="input" type="search" placeholder="Search for...">
<input class="submit" type="submit" value="Submit">
</form>
https://codepen.io/sinbi/pen/ZEYRqMw?editors=1100
※ 위 코드는 영문일 때만 적용.