如何在沒有輸入輪廓的情況下制作這樣的輸入框,也帶有圓形的“提交”按鈕
輸入設計:[1]:https : //i.stack.imgur.com/DwHHY.png
uj5u.com熱心網友回復:
正如 Prathik K 在他的回答中所說,嘗試這會很有趣,所以最好自己制作。但是在看到您的影像后要注意一件事:嘗試使用它來擺脫輸入的邊框:
.your-input {
border: none;
}
uj5u.com熱心網友回復:
我可以提供代碼,但如果您嘗試一下,它會很有趣。
- 為“電子郵件”影像、輸入框和提交按鈕創建嵌套的 div 類。
- 您只需要嘗試使用:border-radius、border、padding 以獲得圓角效果和其他樣式。
如果您仍然被卡住,我會推薦 codepen.io 進行搜索。
為了獲得最終結果,強大的庫(如角度材料)會有所幫助。但當然取決于你的框架
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/348950.html
