如何在輸入元素中放置兩個圖示？兩個圖示都應該是可點擊的。如果有用的話，我已經安裝了 react-semantic-UI 和 uikit。謝謝你。
uj5u.com熱心網友回復：
最簡單的方法是不要將圖示放在輸入欄位中，而是使用前綴、輸入和后綴設定容器的樣式。從輸入中洗掉所有樣式，然后像輸入一樣設定容器的樣式。
<div class="input">
<span class="prefix"><i>YOUR ICON</i></span>
<input />
<span class="suffix"><i>YOUR ICON</i></span>
</div>
<style>
.input {
display: flex;
gap: 1rem;
border: 1px solid #aaa;
border-radius: 4px;
padding: 0.5rem 0;
}
input {
all: unset;
}
</style>
這是我創建的一個小代碼筆： https ://codepen.io/webfussel/pen/rNYPzyX
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/455030.html
上一篇：表格忽略樣式顏色
下一篇：為什么if_sheet_exists='replace'創建新的Excel作業表。而df匯出到現有的excel作業表