คำถามติดแท็ก border-box

ในแบบฟอร์มฉันมีช่องเลือกหนึ่งช่องและช่องป้อนข้อมูลสองช่อง องค์ประกอบเหล่านี้อยู่ในแนวตั้ง น่าเสียดายที่ฉันไม่สามารถรับความกว้างขององค์ประกอบเหล่านี้ได้เท่ากัน นี่คือรหัสของฉัน: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> ตัวอย่างข้างต้นความกว้างที่ดีที่สุดสำหรับองค์ประกอบที่เลือกคือ 198 หรือ 199 พิกเซล (แน่นอนว่าฉันลอง 193px แต่ความแตกต่างนั้นสำคัญมาก) ฉันคิดว่ามันขึ้นอยู่กับความละเอียดบนคอมพิวเตอร์และเบราว์เซอร์ต่างๆเนื่องจากองค์ประกอบเหล่านี้มีความกว้างไม่เท่ากัน (บางครั้งฉันคิดว่าความแตกต่างอยู่ที่ประมาณ 1 หรือ 2 พิกเซล) ฉันพยายามตั้งค่าองค์ประกอบเหล่านี้ในแถว div หรือตารางแล้ว แต่ก็ไม่ได้ผล ถาม: ฉันจะรับความกว้างขององค์ประกอบเหล่านี้เท่ากันได้อย่างไร

109 html  css  html-select  border-box