For Android device For iOS device
១៧
ឧសភា

ល្បិច​ក្នុង​ការដាក់ Icon ចូលទៅ​ក្នុង Search Box ដោយ​ប្រើ​ប្រាស់ CSS

♦ រៀបរៀងអត្ថបទដោយ ៖ លោក តី សុជាតិថា

ជាធម្មតា Designer តែងតែឆ្ងល់ថា ហេតុអ្វីបានជាគេអាចដាក់ Icon រឺ​ក៏​ Button ចូលទៅ​ក្នុង​ search box បាន? ថ្ងៃ​នេះ​ថ្នាក់​បណ្តុះបណ្តាល​បច្ចេកវិទ្យា​អាន-ANT សូម​ណែនាំ​វិធី​ងាយស្រួល​បំផុត​គឺ​ប្រើ​ប្រាស់ CSS តែម្ដង ។

ពេល​សរសេរ​កូដ HTML យើងទទួលបាន:

ក្រោយពេល​សរសេរ​កូដ CSS យើងទទួលបាន:

ពន្យល់កូដ:

- position: relative; គឺយើងយក form ធ្វើជា​មេ ។

 -width: 100%; គឺ​សម្រាប់​កំណត់​ប្រវែងប្រអប់​ឲ្យ​វាដើរតាមមេ ។

- width: 25px; គឺ​កំណត់​ប្រវែងរបស់button ឲ្យ​វាសមល្មម ។

- position: absolute; គឺយើងយក button ​ធ្វើជា​កូន ដូចនេះទីទាំងរបស់វាគឺដើរតាមមេ (form)

- Right: 0px; កំណត់​ឲ្យ​ buttun ទៅគៀគនឹងខាង​ស្ដាំ ។

- Border: 0 & background: none;  ​កំណត់​ឲ្យ​វា​ស្អាត គឺ គ្មាន​បន្ទាត់ និង​គ្មាន​ផ្ទៃ ។

សូមសាកល្បងដោយខ្លួនអ្នក ! !

♻️ ​សម្រាប់​លោកអ្នក​ដែល​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Windows សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter
📲 ​សម្រាប់​លោកអ្នក​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Android https://bit.ly/3qhYCJf

​♦ ​​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖    លេខ​ទូរសព្ទ ០១០ / ០១៦ ៦៦៦ ៦៥៣

ឬ​ Facebook: https://www.facebook.com/anttrainning

Facebook Page: ANT Magazine

Facebook Group: https://www.facebook.com/groups/ANTTrGroup/

website: www.antkh.com

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា