我试图:after在input字段上使用CSS伪元素,但它不起作用.如果我使用它span,它可以正常工作.
<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>
Run Code Online (Sandbox Code Playgroud)
这是有效的(在"buu!"之后和"更多"之前放置笑脸)
<span class="mystyle">buuu!</span>a some more
Run Code Online (Sandbox Code Playgroud)
这不起作用 - 它只用红色调色someValue,但没有笑脸.
<input class="mystyle" type="text" value="someValue">
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?我应该使用另一个伪选择器吗?
注意:我不能添加span我的input,因为它是由第三方控件生成的.
我有一个名称列表和一些带有产品名称的按钮.单击其中一个按钮时,列表的信息将发送到PHP脚本,但我无法点击提交按钮来发送其值.怎么做?我将我的代码简化为以下内容:
发送页面:
<html>
<form action="buy.php" method="post">
<select name="name">
<option>John</option>
<option>Henry</option>
<select>
<input id='submit' type='submit' name = 'Tea' value = 'Tea'>
<input id='submit' type='submit' name = 'Coffee' value = 'Coffee'>
</form>
</html>
Run Code Online (Sandbox Code Playgroud)
接收页面:buy.php
<?php
$name = $_POST['name'];
$purchase = $_POST['submit'];
//here some database magic happens
?>
Run Code Online (Sandbox Code Playgroud)
除了发送提交按钮值之外的所有内容都可以正常运行.
大量(我敢说最多?)网站不会使标签可以点击其复选框和无线电输入.只需很少的努力就可以获得巨大的可用性.是否存在与使用相关的兼容性/功能/可用性问题,<label>这会阻碍开发人员使用此标记?
编辑:即使StackOverflow似乎也对此感到内疚,例如,在提问时,每天通知任何新答案复选框标签是不可点击的.
我有一些标签,如:
<label>
<input type="checkbox" name="the_name" id="the_name" /> Label text
</label>
Run Code Online (Sandbox Code Playgroud)
有时被禁用
$("#the_name").prop('disabled', true);
Run Code Online (Sandbox Code Playgroud)
没问题,但我想更改标签文字颜色,使其更加明显.是否可以使用Jquery和/或CSS?
我只是想使用一个简单的复选框,例如,旁边有一个复选框'Please check this',然后点击它时文本变为'Checked'
我一直在寻找一个简单的解决方案,但苦苦挣扎,无法弄清楚 - 尽管简单.
有人能帮助我吗?
使用方法1创建一个可点击的标签,隐藏与CSS的复选框,并与jQuery的切换,并在标签,我得到这个:
$('label').click(function(e) {
$(this).toggleClass('active');
var cbx = $('input', this);
cbx.prop('checked', !cbx.prop("checked"));
console.log($('input', this).prop('checked'));
return false;
})Run Code Online (Sandbox Code Playgroud)
input[type="checkbox"] {visibility: hidden;position: absolute}
label {background-color: pink;border: 1px solid lightblue;padding: 20px}
label.active {background-color: lightgreen}Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
<input type="checkbox" checked />Check Button</label>Run Code Online (Sandbox Code Playgroud)
我的问题是:是否有可能只使用CSS做同样的事情?
我意识到我<label>没有使用<button>,我认为有更好的方法来实现这一点与jQuery.如果您考虑回复一个,请使用复选框(或至少解释您不能使用它的原因).
我在几个网页上看到过它(不记得具体在哪里),我可以通过单击复选框前面的文本来选中或取消选中复选框。我知道如何在 JavaScript 中执行此操作(使用 onclick() 创建一个跨度),但我想知道是否有任何方法可以在不使用 JavaScript 的情况下执行此操作。