อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

พดดีว่าผมต้องการที่จะทำปุ่มให้ได้เหมืนกับรูปด้านล่างครับ

อยากทราบว่าจะต้องใช้คำสั่ง css อะไรบ้างครับ

ปุ่มของผม
Selection_999(374).png
Selection_999(374).png (11.62 KiB) Viewed 1207 times
ปุ่มที่อยากทำได้
Selection_999(375).png
Selection_999(375).png (3.53 KiB) Viewed 1207 times
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

คำสั่ง CSS กำหนด ให้กับตัว select ที่ต้องการ

โค้ด: เลือกทั้งหมด

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;
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
jamepiyawat
PHP VIP Members
PHP VIP Members
โพสต์: 2008
ลงทะเบียนเมื่อ: 21/05/2019 10:45 am

Re: อยากทำปุ่มแบบไม่เห็นขอบใช้คำสั่ง css ยังไงครับ

โพสต์ที่ยังไม่ได้อ่าน โดย jamepiyawat »

ทำได้แล้วครับ ขอบคุณครับ
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 40