আমি এই পোস্টটি ইতিমধ্যে দেখেছি এবং আমার স্থানধারকের জন্য প্যাডিং পরিবর্তন করার জন্য যা কিছু করতে পেরেছি তার সব চেষ্টা করেছি তবে হায়, মনে হচ্ছে এটি কেবল সহযোগিতা করতে চায় না।
যাইহোক, এখানে CSS এর কোড for ( সম্পাদনা : এটি সাস থেকে উত্পন্ন সিএসএস)
#search {
margin-top: 1px;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 220px;
}
#search form {
position: relative;
}
#search input {
padding: 0 10px 0 29px;
color: #555555;
border: none;
background: url('/images/bg_searchbar.png?1296191141') no-repeat;
width: 180px;
height: 29px;
overflow: hidden;
}
#search input:hover {
color: #00ccff;
background-position: 0px -32px;
}এবং এখানে সহজ এইচটিএমএল:
<div id="search">
<form>
<input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
</form>
<div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;">
<ul id="search-results" class="dropdown">
</ul>
</div>
</div>বেশ সহজ? স্থানধারকটি কোনও কারণে বন্ধ রয়েছে তবে আপনি যখন ইনপুট ক্ষেত্রে টাইপ করার চেষ্টা করেন, পাঠ্যটি সারিবদ্ধ হয়। দেখে মনে হচ্ছে আপনি কেবল webkitস্থানধারীর রঙ (এর জন্য ) পরিবর্তন করতে পারেন , তবে আমি যদি অন্তর্ভুক্ত ইনপুটটির প্যাডিং সম্পাদনা করার চেষ্টা করি তবে এটি ইনপুটটির নকশা নষ্ট করে! চুল টেনে আনে
এখানে স্থানধারকের স্ক্রিনি এবং পাঠ্য ইনপুট সহ ইনপুট ক্ষেত্র রয়েছে:
সম্পাদনা :
আপাতত আমি এই jquery প্লাগইনটি অবলম্বন করেছি ।
এটি বাক্সের ঠিক বাইরে কাজ করে এবং এটি আমার ক্রোমের সমস্যাটি সমাধান করে। আমি সমস্যাটি কী তা এখনও উদঘাটন করতে চাই (যদি এটির সাথে আমার ক্রোম বা কিছু কিছু থাকে)
আমি নিশ্চিত যে জন ক্যাটরফেল্ড এটিকে কোনও সমস্যা ছাড়াই পুনরুত্পাদন করার পরে এটি শৈলীগুলি নয়, তাই আমি আশা করছি যে এখনও কেউ আমাকে সঠিক দিকে নির্দেশ করতে পারে কেন এটি আমার সাথে কেন ঘটছে (আমার ক্লায়েন্টের ক্রোমও তাই। তাই) জন সম্ভবত উইন্ডোজ ব্যবহার করে থাকলে এটি সম্ভবত ক্রোম / ওএসএক্সের নেটিভ)