Why does the border-radius property of the button button fail?

Why doesn"t the border-radius attribute of the

< button > tag take effect in both FF and CHROME?
added

to the code
<style>
button {
    border: none;
    border-radius: 3px;
}
</style>

but the final display is shown in the following figure, with no rounded corners
clipboard.png

Mar.23,2021

F12, check the style on this button, not just the two lines you set, take a closer look. It is estimated that the weight is not enough to be covered


there is no problem with the test. See if other styles affect you

.

clipboard.png


if you are a lower version of the browser, add the prefix-webkit,-moz,. If it is compatible, it is a matter of style conflict


on some Android phones

border: none;
border-radius: 3px;

border: none; causes radius not to display
solutions; border: 1px solid color

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b43add-34a79.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b43add-34a79.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?