问题标签 [input-button-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
12 回答
764187 浏览

css - 如何使用 CSS 更改输入按钮图像

所以,我可以使用图像创建一个输入按钮

但是,我无法使用 CSS 获得相同的行为。例如,我试过

其中“myButton”在 CSS 文件中定义为

如果这就是我想做的全部,我可以使用原始样式,但我想更改按钮在悬停时的外观(使用myButton:hover类)。我知道这些链接很好,因为我已经能够将它们加载为页面其他部分的背景图像(仅作为检查)。我在网上找到了如何使用 JavaScript 的示例,但我正在寻找 CSS 解决方案。

如果有区别,我正在使用 Firefox 3.0.3。

0 投票
2 回答
4612 浏览

safari - 输入按钮图像 - 在 Chrome 和 Safari 中不起作用?

我的 index.html 中有以下代码

在 Firefox、Opera 和 IE 7 中,我看到了 ocean.png 并且能够单击它。当我这样做时,它会相应地播放它应该播放的 mp3!

当我在 Safari(Windows 和 Mac)以及 Chrome 中加载相同的代码时,没有看到 ocean.png 并且没有可单击的按钮?

我可以添加或做些什么来让这个代码/设计在 Safari 和 Chrome 中工作吗?

谢谢

0 投票
3 回答
4400 浏览

asp.net - 输入按钮导致RequiredFieldValidator触发

我的页面上有一个动态创建的输入按钮,每次按下它时,它都会为电子邮件地址中的空白字段触发RequiredFieldValidator。有没有办法覆盖它?

输入代码:

验证器代码:

0 投票
2 回答
1914 浏览

css - 输入按钮,使用 CSS 的单图像翻转

当谷歌搜索这个障碍时,它提出了大量关于如何在将图像用作表单中的按钮时应用 css 和不同的静态按钮作为翻转的信息。

我的问题是,您将如何更改每个鼠标事件(在按钮上)的按钮,以及如果您对所有状态都使用一个图像?

例如...我的按钮有以下 HTML

除此之外,我有以下我以前使用过的 CSS...

现在显然它目前不起作用......那我该怎么做呢?我正在寻找一个更“纯粹”的 CSS 解决方案,所以没有 JS 来照亮这一天。

还是我应该坚持为每个状态使用 2/3 个单独的按钮?

0 投票
1 回答
1514 浏览

asp.net-mvc - 具有多个输入提交的 T4MVC Html.BeginForm

控制器...

和视图...

现在,这不起作用,因为我没有将 imgbtn 参数传递给方法。我不知道正确的方法是什么?

0 投票
1 回答
4323 浏览

html - 使用 CSS 和图像设置提交按钮的样式

我想制作和样式提交按钮,即

输入类型=“提交”样式=“按钮类”>

使用 CSS 和提供的图像,既适用于悬停状态,也适用于正常状态,但是我无法达到所需的输出。我使用完美的锚标签和跨度创建了按钮,但我也希望提交按钮具有相同的外观和感觉。PS:我不能使用 css3 的 moz 和 webtooolkit,因为我的目标浏览器将是 IE7 和 IE 8,而且我必须只使用客户端提供的图像。有什么方法可以让提交按钮<input type="submit">达到所需的输出,就像使用锚按钮创建的按钮<a><span></span></a>

剩下 正确的

原样的 HTML

成为 HTML

CSS AS IS 用于使用锚的按钮

正确的图像 剩下

0 投票
2 回答
574 浏览

android - 将文本和图像添加到中心 android 的按钮中

我是 android 开发的初学者,我正在开发小型 android 应用程序。在我的应用程序中,我正在使用按钮。但包含图像和文字。一切正常,唯一的问题是我的文本显示在按钮中心和按钮末尾的图像我想要的图像和文本都在中心.. 我的按钮代码看起来像......

他我只能将图像设置在左上角底部位置但不能设置在中心.. S 如何在按钮中心显示该图像和文本...需要帮助...谢谢...

0 投票
1 回答
410 浏览

google-chrome - 如果 .datePicker 中的 buttonImage 以正斜杠 (/) 开头,则 Chrome 找不到该图像

我有日期选择器,其图像正在使用 jquery 设置在 .js 文件中。

可以像我在 buttonImage 中所做的那样删除前导 / 吗?下面的 jsFiddle 表明 Chrome 应该能够处理这个问题,所以我想知道我是否做错了什么。

在 .datePicker() 中设置 buttonImage 时,如果位置以“/”开头,则 Chrome 找不到该图像(Chrome DevTools 中的幕后 404)。这些是下面有问题的 .datePicker() 中的行:

  • buttonImage: "content/images/cal.png", //适用于所有浏览器

  • buttonImage: "/content/images/cal_editor.jpg", //不能在
    Chrome 中工作,但在 IE、Firefox 中工作

但是,当我尝试在一个简单的 jsFiddle 中复制它时,如果没有正斜杠,它在 Chrome 中不起作用:http: //jsfiddle.net/tonyleif/3z865d2r/2/

从上面的jsFiddle:

  • buttonImage: "/img/initializing.png"//在所有浏览器中工作

  • buttonImage: "img/initializing.png"//不适用于所有浏览器

这是在我的应用程序中调用的完整 .datePicker 函数:

如果您需要更多代码,请告诉我。我最初试图不包含太多文本。

我应该注意的另一件事是,当我使用 Visual Studio 2013 在本地运行站点时,我没有这个问题。它仅在我发布到服务器时发生。

0 投票
5 回答
105 浏览

ios - 图像未加载图像

我只想为 a 设置图像UIButton并为它创建一个IBOutlet。我上面有一个加载器,当加载图像时,加载器将停止并为该按钮分配一个新图像。调用代码时,占位符图像仍然存在,并且不加载 url 图像

0 投票
0 回答
13 浏览

center - 如何使两个按钮居中对齐

我是 Web 开发的新手,想练习一点做副项目。我正在尝试重新创建谷歌主页,但不知道如何将两个按钮放在输入文本引擎下方。我已经在网上搜索并尝试过,text-align, margin: 0 auto 并且没有输入图像描述在这里它已经工作了。