问:我正在商店页面上工作,并且正在向每个商店项目添加PayPay选项。我试图在第一个选项旁边显示一个箭头,以便用户知道如果单击它们,将有更多选项可用。
这是整个PayPal表单的HTML。这些选项是我尝试选择的选项。最好是第一个选项,因为那是页面上可见的那个。
<表单 目标= “ paypal” 操作= “ https://www.paypal.com/cgi-bin/webscr” 方法= “发布” >
<输入类型= “隐藏”名称= “ cmd”值= “ _s-xclick “ > <输入类型= ”隐藏“名称= ” hosted_button_id“值= ” 6YADSPQN3V5KJ“ > <表> < tr > < td > <输入类型= “隐藏”
名称= “ on0” 值= “运输选项” > < p >运送选项</ p > </ td > </ tr > < tr > < td > <选择 名称= “ os0” >
<选项值= “测试目的地:10.00 + 5.00运费“ >测试目的地:10.00 + 5.00运费$ 15.00 USD </选项> <选项值= ”测试以外的目的地:10.00 + 11.00“>
测试以外的目的地:10.00 + 11.00 $ 21.00 USD </选项>
</选择> </ td > </ tr > </表格> <输入类型= “隐藏”名称= “ currency_code”值= “ USD” > <输入类型= “ image” src = “ img / store / paybutton.png” border = “ 0” name = “ submit” alt = “ PayPal-更安全,更简单的在线付款方式!” > <
img alt = “” 边框= “ 0” src = “ https://www.xxxxxx.com/en_US/i/scr/pixel.gif” width = “ 1” height = “ 1” >
</形式>
答:您可以对select元素做的样式很多,几乎不能对其中的option元素做任何样式。
使箭头显示在选择/下拉选项旁边的最简单方法是仅使用HTML实体或Unicode字符在文本中添加一个。这是您可以使用的箭头列表:HTML Arrows。
我建议→(→)或类似名称(不确定要哪个方向!)
<表单 目标= “ paypal” 操作= “ https://www.xxxx.com/cgi-bin/webscr” 方法= “发布” >
<输入类型= “隐藏”名称= “ cmd”值= “ _s-xclick “ > <输入类型= ”隐藏“名称= ” hosted_button_id“值= ” 6YADSPQN3V5KJ“ > <表> < tr > < td > <输入类型= “隐藏”
名称= “ on0” 值= “运输选项” > < p >运送选项</ p > </ td > </ tr > < tr > < td > <选择 名称= “ os0” >
<选项值= “测试目的地:10.00 + 5.00运费“ >测试目的地:10.00 + 5.00运费$ 15.00 USD &rarr; </ option > < option value = “测试以外的目的地:10。
测试以外的目的地:10.00 + 11.00 $ 21.00 USD </选项>
</选择> </ td > </ tr > </表格> <输入类型= “隐藏”名称= “ currency_code”值= “ USD” > <输入类型= “ image” src = “ img / store / paybutton.png” border = “ 0” name = “ submit” alt = “ PayPal-更安全,更简单的在线付款方式!” > <
img alt = “” 边框= “ 0” src = “ https://www.xxxxx.com/en_US/i/scr/pixel.gif” width = “ 1” height = “ 1” >
</形式>