Hi! I recently converted a document that used <div> elements to use <input> elements for form fields, and suddenly the border-radius property is no longer being honored. In other words, when the elements were <div>s, the border-radius property was correctly honored, and the corners of each box were rounded. Once I converted the <div>s to <input>s, the rounded corners went away, even though the elements still use the border-radius property.

Is this a bug, or is there some special thing I need to do to get the border-radius property working for <input> elements?

Thanks in advance!

1. Screenshot 2024-08-07 at 2.00.08 PM.png‎ 299.1 kB ‎
   <input>s
2. Screenshot 2024-08-07 at 2.00.42 PM.png‎ 132.6 kB ‎
   <div>s