อยากทราบวิธีการ ปรับค่า css placeholder ใน text input อย่างไรครับ

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

Moderator: mindphp

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 5410
Joined: 19/09/2018 10:33 am

อยากทราบวิธีการ ปรับค่า css placeholder ใน text input อย่างไรครับ

Post by Ittichai_chupol »

- คือผมต้องการที่จะปรับขนาดของตัวอักษร ที่เป็นค่า placeholder ใน input ให้มีขนาดใหญ่ขึ้นครับ จะต้องปรับค่า css อย่างไรครับ
ขอให้วันนี้เป็นวันที่ดี

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 5410
Joined: 19/09/2018 10:33 am

Re: อยากทราบวิธีการ ปรับค่า css placeholder ใน text input อย่างไรครับ

Post by Ittichai_chupol »

อันนี้เป็น ภาพประกอบนะครับ คือว่าต้องการปรับตัวค้นหา ให้ใหญ่ขึ้นนะครับ

Selection_999(1700).png
ขอให้วันนี้เป็นวันที่ดี

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 24407
Joined: 31/03/2014 10:02 am
Contact:

Re: อยากทราบวิธีการ ปรับค่า css placeholder ใน text input อย่างไรครับ

Post by thatsawan »

Code: Select all

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
} 

Code: Select all

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: red;
} 

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 9 guests