Page 1 of 1
อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ
Posted: 09/08/2019 3:40 pm
by jamepiyawat
พดดีว่าผมต้องการที่จะทำปุ่มให้ได้เหมืนกับรูปด้านล่างครับ
อยากทราบว่าจะต้องใช้คำสั่ง css อะไรบ้างครับ
ปุ่มของผม

- Selection_999(374).png (11.62 KiB) Viewed 526 times
ปุ่มที่อยากทำได้

- Selection_999(375).png (3.53 KiB) Viewed 526 times
Re: อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ
Posted: 09/08/2019 3:54 pm
by tsukasaz
คำสั่ง CSS กำหนด ให้กับตัว select ที่ต้องการ
Code: Select all
box-shadow: none;
padding: 0.5em 3.5em 0.5em 1em;
background-color: transparent;
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px);
background-size:
5px 5px,
5px 5px;
background-repeat: no-repeat;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
Re: อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ
Posted: 09/08/2019 4:02 pm
by jamepiyawat
ทำได้แล้วครับ ขอบคุณครับ