Próbuję skonfigurować czysty CSS, aby nadać styl przyciskowi, aby wizualnie wyglądał na scalony z polem wprowadzania w pobliżu.

Obecnie używam tego CSS:

button {
    position: relative;
    left: -4px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    font-size: 17px;
    border: 1px solid gray;
    border-radius: 0 3px 3px 0;
}

http://jsfiddle.net/GRwqL/

Głównym problemem jest użycieleft Nie sądzę, że jest to dobra praktyka, głównie dlatego, że nie jest poprawnie obsługiwana we wszystkich przeglądarkach.
Innym problemem jest to, że ten kod w Internet Explorerze i Firefoksie sprawia, że ​​przycisk nie jest wysoki jako pole wejściowe.

Szukałem więc pomocy, aby napisać lepszy kod cross-browser i czystsze.
Osobiście nie obchodzi mnie, czy potrzebny jest element opakowujący lub jakikolwiek inny element HTML, potrzebuję tylko czystego kodu, przeglądarki i działa dobrze.