使用一个标签CSS样式的其他标签？

Question

是否有可能为其他标签使用一个标签的样式，因为它会是该标签？我的意思是我有两个标签：button和input。两者都有不同的CSS风格。我需要使用input标签，但使用“按钮”样式中的所有样式，因此输入标签看起来与按钮相同。我只需要一个input标签，所以我不想改变当前的样式。

我需要这个的原因是，因为我需要使用onclick元素，并且在button标记上它似乎不起作用（至少在openerp框架中），但它适用于input标记。但两个标签看起来都不一样，所以当我在button标签旁添加input时，它看起来不太好。

例如（它是在XML完成）：

<button/> 
<button/> 
<input type="button" class="button"/> <!-- I just written button in class element, so it would show that it would use all button styles and overwrite itself styles --> 

Answer 1

你可以使用两个类：

一个用于您的按钮

<button class="btn">...</button> 

而另外一个你的投入

<input class="input" /> 

当你想改变两个元素之间的风格，你只需改变他们的类别：

$('button').removeClass('btn'); 
$('button').addClass('input'); 
$('input').removeClass('input'); 
$('input').addClass('btn'); 

而且它会好的。