将两个按钮元素合并为一个

Question

我想知道如何制作看起来像普通按钮的按钮,但是右边做X而右边做Y.

例如,当我单击此按钮的左侧时,它会运行一个表单.我单击右侧,它运行另一个表单.按钮需要看起来像普通按钮,因此用户只能看到一个按钮.

Answer 1

这听起来像是可怕的用户界面.用户应该能够看到按钮之间的区别.您应该在"药丸"形成中创建两个按钮:

通过对第二个按钮应用负边距:

#second-button {
    margin-left: -4px;
}

的jsfiddle

如果您仍然想要,可以删除边框以使它们合并为一个:

的jsfiddle