Saya mencoba menambahkan bayangan kotak pada dua masukan yang bersebelahan, tetapi bayangan tersebut tumpang tindih dengan masukan.
Saya sudah mencoba menambahkan position: relative
dan z-index
ke input, tetapi kemudian bayangannya tumpang tindih dengan input dengan indeks-z terendah.
Apakah ada cara untuk mencegah bayangan tumpang tindih dengan masukan lain di sebelahnya?
HTML:
<form method="post">
<input name="email" type="text" >
<input name="send" type="submit">
</form>
CSS:
.email {
height:45px;
width: 395px;
float: left;
box-shadow: 0 0 40px 6px rgba(0,0,0,0.65);
-webkit-appearance: none;
}
.search {
height: 45px;
width: 60px;
float: right;
box-shadow: 0 0 40px 6px rgba(0,0,0,0.65);
cursor: pointer;
-webkit-appearance: none;
}
Berikut ini contoh yang saya maksud:
Terima kasih :) - Jesper