Html border radius在Firefox中对输入类型不起作用

Html border radius在Firefox中对输入类型不起作用,html,input,css,Html,Input,Css,在webkit浏览器中,一切都可以正常工作。但当我尝试将边界半径与输入[type=“url”]一起使用时,它不起作用。甚至不只是使用输入。什么都没用 Css HTML 为什么Firefox不允许我设置输入的样式?看起来您需要先设置边框的样式: input { border:1px solid #666666; border-radius: 15px; -moz-border-radius :15px; -webkit-border-radius: 15px; padding: 5

在webkit浏览器中,一切都可以正常工作。但当我尝试将边界半径与输入[type=“url”]一起使用时,它不起作用。甚至不只是使用输入。什么都没用

Css

HTML



为什么Firefox不允许我设置输入的样式?

看起来您需要先设置边框的样式:

input {
border:1px solid #666666;
  border-radius: 15px;
-moz-border-radius :15px;
  -webkit-border-radius: 15px;
  padding: 5px;
  }
是的:)对不起,不让我早一点。!
<form>
    <input type="url" placeholder="Insert URL" />
    <input type="button" value="Crypt" />
  </form>
input {
border:1px solid #666666;
  border-radius: 15px;
-moz-border-radius :15px;
  -webkit-border-radius: 15px;
  padding: 5px;
  }