การแสดงเฉพาะปุ่มสำหรับ upload

Bookmark and Share

CSS Code

<style type="text/css">
.hide_div{
	width:85px;
	overflow:hidden;
}
.hide_file{
	margin-left:-145px;
	border:1px #FFFFFF solid;
	background-color:#FFFFFF;
}
</style>

HTML Code

<div class="hide_div">
<input type="file" name="file" class="hide_file" />
</div>

ตัวอย่างผลลัพธ์




บทความในหมวดที่่น่าสนใจ อื่นๆ CSS Learning

14 Jan 10 รู้จัก property position ของ css ให้มากขึ้น ด้วย ตัวอย่าง และคำอธิบาย อ่าน 1907 06 Apr 10 ใช้ คุณสมบัติ css stylesheet สร้างตาราง อ่าน 1903 31 Oct 09 ใช้งาน CSS Sprite images กับ การกำหนด CSS ของ Input form อย่างง่าย อ่าน 1901 02 Apr 10 สร้าง layout 3 คอลัมน์ column ให้ สูงเท่ากัน ด้วย เทคนิค css อ่าน 1878 25 Sep 08 สี Colours การใช้งานสี อ่าน 1789 06 Jun 09 ใช้ css กำหนด media print ให้ ไม่แสดง ปุ่มสั่งพิมพ์ print หน้าเอกสารที่ต้องการ อ่าน 1780 15 Oct 08 สร้างลิ้งค์มีรูปภาพแสดงนามสกุลไฟล์ อ่าน 1672 25 Sep 08 CSS แทรกโค๊ดในเว็บโดยมีหมายเลขบรรทัดกำกับ อ่าน 1633 01 Apr 09 การแก้ปัญหากรณี div หลักไม่ขยายตามความสูงของ div ย่อย ใน Firefox อ่าน 1633 25 Sep 08 สิ่งที่เรียกว่า Selects, Properties , and Values สิ่งที่เป็นองค์ประกอบของ CSS อ่าน 1621 08 Oct 08 การกำหนด class มากกว่าหนึ่ง อ่าน 1574 19 Mar 10 ทบทวน คุณสมบัติ สี color และ พื้นหลัง background property ของ CSS อ่าน 1448 25 Sep 08 การทำให้หน้าเว็บของเราสามารถดูได้อย่างเดียว อ่าน 1416 11 May 10 การจัดข้อความ text direction rotation หมุนข้อความ แนวตั้ง ด้วย css ในตาราง อ่าน 1398 14 Feb 09 การระบุการใช้งาน css ค่าใดค่าหนึ่ง อย่างเฉพาะเจาะจง (specificity) อ่าน 1203
จำนวนผู้เยี่ยมชม 189199 คน 2010 © Copyright ninenik.com. All rights reserved.