Ruby China

新手问题 搜索框里放一个放大镜的背景图片,如何能点击他调用搜索功能呢?

a4652097 · January 16, 2015 · Last by b-a-i replied at October 31, 2018 · 10846 hits 
<%= f.search_field :order_num_or_receipt_receipt_phone_cont, :placeholder=> "搜索手机号/商品货号",class: 'form-control', :style=>"background:url(/assets/common_admin/order/search_ico.png) no-repeat right center;background-color: #ffffff;"%>

文本框代码如上。图片设置为背景图片就不能选择这个放大镜的元素调用 click 事件了，,问问有没有什么高招没

Rei #1 January 16, 2015 
<button type="submit">
  <img src="path/to/image">
</button>
a4652097 #2 January 16, 2015

#1 楼 @Rei ...我是要在一个输入框里放一个放大镜耶！ 这样的，因为是手机版，要考虑自适应屏幕，但是背景图片却没有 click 事件..

Rei #3 January 16, 2015

#2 楼 @a4652097 CSS 样式把 button 背景设为透明去掉边框然后移动到输入框内不就融为一体了么。

4 Floor has deleted
a4652097 #5 January 16, 2015

#3 楼 @Rei 谢谢，我明白了！

b-a-i #6 October 31, 2018

成这样了

b-a-i #7 October 31, 2018
Reply to Rei

@Rei 搜索框的查号怎么去掉，怎么能把放大镜放入搜索框

You need to Sign in before reply, if you don't have an account, please Sign up first.