Button CSS表单按钮
我正在寻找一种在表单上用CSS实现可重用按钮的好方法。要求： -单独的图像和文本（文本有多种语言） -翻滚效应 -在浏览器间播放很好 -无javascript（如果可能） -圆角Button CSS表单按钮,button,css,Button,Css,我正在寻找一种在表单上用CSS实现可重用按钮的好方法。要求： -单独的图像和文本（文本有多种语言） -翻滚效应 -在浏览器间播放很好 -无javascript（如果可能） -圆角 最好的方法是什么？几年前，我使用滑动门技术，但现在这似乎过时了。您是否会使用CSS3作为旧浏览器的后备？有什么特别好的技术吗？我会使用css精灵。您可以在此处找到有关它们的信息： 这基本上是一种制作一个具有所有按钮状态（正常、悬停、选中）的大图像的方法。好处是它是一个http请求，在第一次出现悬停时，您不会看到闪烁。
最好的方法是什么？几年前，我使用滑动门技术，但现在这似乎过时了。您是否会使用CSS3作为旧浏览器的后备？有什么特别好的技术吗？我会使用css精灵。您可以在此处找到有关它们的信息：
这基本上是一种制作一个具有所有按钮状态（正常、悬停、选中）的大图像的方法。好处是它是一个http请求，在第一次出现悬停时，您不会看到闪烁。如果使用此路由，css背景属性将是图像。然后，您可以使用文本对齐和线条高度将要放置在图像上的文本居中。我将使用css精灵。您可以在此处找到有关它们的信息：
这基本上是一种制作一个具有所有按钮状态（正常、悬停、选中）的大图像的方法。好处是它是一个http请求，在第一次出现悬停时，您不会看到闪烁。如果使用此路由，css背景属性将是图像。然后，您可以使用文本对齐和线条高度将要放置在图像上的文本居中。精灵是一个很好的选择，我经常使用它们 就我个人而言，我不介意我的网站在所有浏览器中都不相同，我会选择CSS类。我会记住各种浏览器支持什么和不支持什么，如果有一个元素需要以某种方式支持，我会仔细检查兼容性 让我继续使用CSS/CSS3类的主要好处是，如果有什么变化，它可以通过单个文件中的文本快速完成，如果需要，我可以从一台10年历史的计算机上快速更改，该计算机具有拨号连接（如果仍然存在），并且没有成像软件。 sprite的优势在于，所有浏览器都支持sprite，并且它们看起来完全相同（或多或少）。是一个书签，我听说过，如果你决定走这条路，它可以帮助你使用精灵 我认为这是一件你更喜欢的事情。。。在做出此类决策时，我会问自己以下问题： 多久会改变一次？大变化还是小变化？如果它改变了，它会是一个完整的重新设计工作吗？你已经知道什么了？你愿意花多少时间学习一些你可能不知道的东西？你对这个项目的直觉是什么
我希望这能帮助你 精灵是一个很好的选择，我经常使用它们 就我个人而言，我不介意我的网站在所有浏览器中都不相同，我会选择CSS类。我会记住各种浏览器支持什么和不支持什么，如果有一个元素需要以某种方式支持，我会仔细检查兼容性 让我继续使用CSS/CSS3类的主要好处是，如果有什么变化，它可以通过单个文件中的文本快速完成，如果需要，我可以从一台10年历史的计算机上快速更改，该计算机具有拨号连接（如果仍然存在），并且没有成像软件。 sprite的优势在于，所有浏览器都支持sprite，并且它们看起来完全相同（或多或少）。是一个书签，我听说过，如果你决定走这条路，它可以帮助你使用精灵 我认为这是一件你更喜欢的事情。。。在做出此类决策时，我会问自己以下问题： 多久会改变一次？大变化还是小变化？如果它改变了，它会是一个完整的重新设计工作吗？你已经知道什么了？你愿意花多少时间学习一些你可能不知道的东西？你对这个项目的直觉是什么
我希望这能帮助你 jqueryui按钮太棒了。它们经过全面测试，完全符合要求，看起来真的很棒。只需一行代码，您就可以在不受时间限制的情况下拥有一个完全样式化的按钮。事情是这样的——它们可以在没有Jquery的情况下执行（见图） 因此，标准方法是使用id构建一个元素（a、button、input），并将其设置为Jquery中的按钮，如下所示：
$（“#element”）.button（）<a href="" class="ui-state-default ui-corner-all">Button</a>
您必须加载jQueryUICSS，这提供了ThemeRoller的额外好处，它可以通过对文件的简单更改为页面上的元素设置样式。这确实是一个很好的“主题化”方式，一个必须马上改变品牌的网站，这使得我的公司推出的定制主题应用非常有利可图。Jquery UI按钮太棒了。它们经过全面测试，完全符合要求，看起来真的很棒。只需一行代码，您就可以在不受时间限制的情况下拥有一个完全样式化的按钮。事情是这样的——它们可以在没有Jquery的情况下执行（见图） 因此，标准方法是使用id构建一个元素（a、button、input），并将其设置为Jquery中的按钮，如下所示：
$（“#element”）.button（）<a href="" class="ui-state-default ui-corner-all">Button</a>