css - Keygen标签的CSS样式

我目前正在尝试一个有吸引力的形式部分，其中包括一个keygen标签。这很有效，但是当我尝试将我用于“文本”字段的css应用到keygen标记时，我得到的效果并不理想。有没有一个快速的参考什么样的样式与keygen字段一起工作，哪些不工作？
更新
很抱歉，我没有在我的开发机器前面，无法提供一个屏幕截图，现在我…
当前屏幕截图1
当前css（片段）读取

            form#setup textarea {
            background: #ffffff;
            border: none;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            font: italic 26px Georgia, "Times New Roman", Times, serif;
            outline: none;
            padding: 5px;
            width: 450px;
            }
        form#setup keygen {
            background: #ffffff;
            border: none;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            font: italic 26px Georgia, "Times New Roman", Times, serif;
            outline: none;
            padding: 5px;
            width: 450px;
            }

其中setup是表单的id。（我正计划增加标签的字体大小以匹配文本输入框（顺便说一句）
更新2
这里有一个jsfiddle链接http://jsfiddle.net/uAsJN/

最佳答案

希望这能帮到你一点！
造型<keygen>
应该很容易，对吧？也许不像你想象的那么容易。
在firefox中，<keygen>元素被<select _moz-type="-mozilla-keygen">替换。因此，要设置样式，您应该使用select[_moz-type="-mozilla-keygen"]选择器。
在chrome中，<keygen>元素保持不变，但隐式包含一个<select>。您可以使用keygen::-webkit-keygen-select selector设置它的样式。但是，由于您应该将<keygen>设置为单独的<select>样式，以防将来行为发生变化，因此您只需要为一致的界面删除webkit上的样式。
这可以通过在@media screen和(-webkit-min-device-pixel-ratio:0);中包装webkit-only选择器来实现，如果这让您感到困惑，请在github上签出样式表。
来源：http://keygen.alexchamberlain.co.uk/
Git来源：https://github.com/alexchamberlain/keygen

关于css - Keygen标签的CSS样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12744119/