Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,030

HOME > PHP > PHP Forum > อยากทราบ code เปลี่ยนสีปุ่ม <input type='File' value""> หน่อยครับผม

อยากทราบ code เปลี่ยนสีปุ่ม <input type='File' value""> หน่อยครับผม

เริ่มหัวข้อใหม่

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

อยากทราบ code เปลี่ยนสีปุ่ม <input type='File' value""> หน่อยครับผม

ผมอยากที่จะเปลี่ยนสีเฉพาะปุ่ม Browse หรือว่า เปลี่ยน ปุ่ม Browse ให้เป็นรูป ที่เราต้องการ ไม่ทราบว่า Syntax Code ต้องประมาณไหนหรอครับ

Tag : PHP

Date : 2012-03-15 10:33:14

By : Ex-[S]i[L]e[N]t

View : 8330

Reply : 6

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

เดียวมาจัดให้ครับ

Date : 2012-03-15 10:42:00

By : webmaster

No. 2

TOON

โพสกระทู้ ( 537 )
บทความ ( 0 )

ใช้ CSS ครับ

Code (PHP)

<div class="buttons">
    <a href="#" class="button btn-small-grey">&laquo Back</a>
    <input type="file" class="button btn-large-green" value="Save changes" />
</div>

button.css

.button
{
    cursor: pointer;
    border: 0;
    background-color: #fff;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    outline: 0;
    font-family: Arial, Verdana, Sans-Serif;
}

a.button
{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0 0;
    height: 22px;
    margin-right: 1em;
}

.btn-small-grey
{
    height: 27px;
    width: 96px;
    background-position: 0 -81px;
    background-image: url(/assets/images/buttons/buttons-small.gif);
}

.btn-large-green
{
    height: 27px;
    width: 175px;
    background-position: 0px -54px;
    background-image: url(/assets/images/buttons/buttons-large.gif);
}

ประวัติการแก้ไข
2012-03-15 11:05:12

Date : 2012-03-15 11:00:24

By : time.toon

No. 3

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

ขอบคุณมากครับ

Date : 2012-03-15 11:10:27

By : Ex-[S]i[L]e[N]t

No. 4

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ไม่ทัน

Date : 2012-03-15 11:51:17

By : webmaster

No. 5

Guest

ใส่ยังไง คับ ผมพึ่ง หัด ทำ สอนหน่อย

Date : 2012-06-19 16:27:20

By : nongbi

No. 6

Guest

อันนี้เอาไปวางไว้ให้อยู่ในส่วนของ Head
Code (PHP)

<style type="text/css">
.button
{
    cursor: pointer;
    border: 0;
    background-color: #fff;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    outline: 0;
    font-family: Arial, Verdana, Sans-Serif;
}

a.button
{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0 0;
    height: 22px;
    margin-right: 1em;
}

.btn-small-grey
{
    height: 27px;
    width: 96px;
    background-position: 0 -81px;
    background-image: url(/assets/images/buttons/buttons-small.gif);
}

.btn-large-green
{
    height: 27px;
    width: 175px;
    background-position: 0px -54px;
    background-image: url(/assets/images/buttons/buttons-large.gif);
}
</style>

เอาไว้วางที่ต้องการใช้
Code (PHP)

<div class="buttons">
    <a href="#" class="button btn-small-grey">&laquo Back</a>
    <input type="file" class="button btn-large-green" value="Save changes" />
</div>

Date : 2012-06-19 16:41:08

By : บังเอิญผ่านมาเห็น

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากทราบ code เปลี่ยนสีปุ่ม <input type='File' value""> หน่อยครับผม

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก