一般我們在設定了input 或者button的邊框屬性過後，希望點選過後它的邊框依然如我們設定的那樣，但是在有些瀏覽器裡面往往還是會有一個預設樣式的邊框，這使得我們的樣式設計變得不是我們想象的那個樣子，我遇到過幾次，所以這裡將解決的方案記下來以供日後查閱

1.input設定了border-radius，點選過後還是有一個直角邊框？

原因及解決方案：input有一個預設的屬性outline，這也就是為什麼在我們設定的圓角邊框外面還有一層直角邊框，只要設定這個屬性為none就可以解決了

2.發現input輸入框設定了圓角邊框，但是輸入的字並沒有縮排，變得很難看？

原因及解決方案：input設定了圓角但是字型並沒有設定縮排，因此會出現上面的情況

3.輸入框預設樣式太難看了，如何消除？

原因及解決方案：輸入框有一個預設樣式，border-style,設定這個屬性值為none即可消除，但是同時應該給這個輸入框新增自己想要的樣式，否則這個輸入框會變得沒有邊框。