การแสดงเฉพาะปุ่มสำหรับ 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

25 Sep 08 สี Colours การใช้งานสี อ่าน 1594 06 Jun 09 ใช้ css กำหนด media print ให้ ไม่แสดง ปุ่มสั่งพิมพ์ print หน้าเอกสารที่ต้องการ อ่าน 1566 31 Oct 09 ใช้งาน CSS Sprite images กับ การกำหนด CSS ของ Input form อย่างง่าย อ่าน 1560 15 Oct 08 สร้างลิ้งค์มีรูปภาพแสดงนามสกุลไฟล์ อ่าน 1482 14 Jan 10 รู้จัก property position ของ css ให้มากขึ้น ด้วย ตัวอย่าง และคำอธิบาย อ่าน 1446 08 Oct 08 การกำหนด class มากกว่าหนึ่ง อ่าน 1432 25 Sep 08 CSS แทรกโค๊ดในเว็บโดยมีหมายเลขบรรทัดกำกับ อ่าน 1425 06 Apr 10 ใช้ คุณสมบัติ css stylesheet สร้างตาราง อ่าน 1402 25 Sep 08 สิ่งที่เรียกว่า Selects, Properties , and Values สิ่งที่เป็นองค์ประกอบของ CSS อ่าน 1401 01 Apr 09 การแก้ปัญหากรณี div หลักไม่ขยายตามความสูงของ div ย่อย ใน Firefox อ่าน 1397 02 Apr 10 สร้าง layout 3 คอลัมน์ column ให้ สูงเท่ากัน ด้วย เทคนิค css อ่าน 1337 25 Sep 08 การทำให้หน้าเว็บของเราสามารถดูได้อย่างเดียว อ่าน 1245 11 May 10 การจัดข้อความ text direction rotation หมุนข้อความ แนวตั้ง ด้วย css ในตาราง อ่าน 1101 19 Mar 10 ทบทวน คุณสมบัติ สี color และ พื้นหลัง background property ของ CSS อ่าน 1087 14 Feb 09 การระบุการใช้งาน css ค่าใดค่าหนึ่ง อย่างเฉพาะเจาะจง (specificity) อ่าน 1002
จำนวนผู้เยี่ยมชม 157929 คน 2010 © Copyright ninenik.com. All rights reserved.