Html 有没有可能在没有完整框架的情况下使用JQuery Mobile select菜单？

我试图使用jquerymobileselect菜单，而不必使用完整的框架并遇到问题

我宁愿不使用完整的jquery移动库，因为它会调整我的整个页面和所有控件、其中的链接，并将样式应用于页面标记。这会使整个页面的外观得到调整。我正在使用AdaptiveWebDesign来调整页面控件，并且已经能够在最大宽度达到680时成功地为文本框应用JQuery Mobile外观，这看起来很好，但是我的选择框在应用相同样式时看起来很糟糕。具体来说，由于边缘呈圆形，下拉箭头在右侧被截断。如果可能的话，我希望与应用于选择菜单的文本框具有相同的外观，并控制CSS文件中的所有内容，但是如果有一个用于选择菜单的修剪过的.js库，这也是一个可行的选项

有没有人成功地应用了jquerymobile的look-and-feel，只使用CSS来选择框？有没有人使用过一个狭窄的jQueryMobile库，它允许您只选择菜单，而不需要整个jQueryMobile.js库或样式表

任何帮助都将不胜感激！提前谢谢

我确实设法得到了一些CSS，看起来它可能是我需要的开始，但下拉菜单是不可见的，尽管它是可点击的，并且在您选择它时显示选项。我认为这可能与JQM正在运行的javascript有关，以应用select下拉样式。下面是CSS，也许我只是遗漏了一些东西

box-sizing: border-box;-webkit-box-align: center;border: 1px solid;
border-image: initial;white-space: pre;-webkit-rtl-ordering: logical;
color: black;background-color: white;cursor: pointer;
-webkit-appearance: button;left: 0;top: 0;
width: 100%;min-height: 1.5em;min-height: 100%;height: 3em;
max-height: 100%;opacity: 0;-ms-filter: "alpha(opacity=0)";filter: alpha(opacity=0);
z-index: 2;cursor:pointer;-webkit-appearance:button;left:0;top:0;width:100%;min-height:1.5em;min-height:100%;height:3em;max-height:100%;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);z-index:2

---

你能复制一下它在JQM发挥魔力后添加的CSS和HTML吗？如果你将这些属性复制到你的页面中，那么你将得到你想要的显示，而框架不会超过你的页面。

你能复制它在JQM发挥神奇作用后添加的CSS和HTML吗？如果您将这些属性复制到页面中，那么您将获得所需的显示，而框架不会超过您的页面。

我知道，在RC1的发行说明中，他们已经解耦了jQM，并正在使用下载生成器

下载生成器：正在进行中

现在我们已经解耦了大多数UI小部件，我们已经做好了准备 有一个下载生成器。这将允许您构建自定义 jQuery Mobile版本，仅包含您需要的部件。对于 例如，您可以使用核心文件添加基于Ajax的 使用pushState导航，并利用一些触摸事件和 其他设施的重量非常轻，大约为10k。或者，你 可以添加特定的UI小部件，如表单元素、列表视图等。 创建优化的构建。我们的目标是有一个下载生成器 作为1.0 final的一部分，以某种形式启动工具。我们正在进行一项研究 现在为所有支持此工具的插件绘制依赖关系图

---

不确定这是否是到目前为止的版本

我知道在RC1的发行说明中，他们已经解耦了jQM，并且正在开发下载生成器

下载生成器：正在进行中

现在我们已经解耦了大多数UI小部件，我们已经做好了准备 有一个下载生成器。这将允许您构建自定义 jQuery Mobile版本，仅包含您需要的部件。对于 例如，您可以使用核心文件添加基于Ajax的 使用pushState导航，并利用一些触摸事件和 其他设施的重量非常轻，大约为10k。或者，你 可以添加特定的UI小部件，如表单元素、列表视图等。 创建优化的构建。我们的目标是有一个下载生成器 作为1.0 final的一部分，以某种形式启动工具。我们正在进行一项研究 现在为所有支持此工具的插件绘制依赖关系图

---

不确定这是否是到目前为止的版本

我仅使用下面的CSS就成功地实现了这一点。这是在IE9、Chrome、FF和Safari上运行和测试的。我想我会在这里发布回复，以防有其他人反对这个问题。在使用自适应网页设计、调整文本字段以及在浏览器达到某个阈值时进行选择时，这对我来说效果很好，因此在平板电脑或手机上观看时，它的外观和感觉更具移动性

select  
{
    height:32px; -webkit-appearance: button;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: auto;
    background: url(../Content/Images/selector_trans.png), 
    -webkit-linear-gradient(#E5E5E5, #E5E5E5 40%, #E2E2E2);
    background-position: 100% 53%, center center;        
    background-repeat: no-repeat, repeat-x; 
}

---

我只使用下面的CSS就成功地实现了这一点。这是在IE9、Chrome、FF和Safari上运行和测试的。我想我会在这里发布回复，以防有其他人反对这个问题。在使用自适应网页设计、调整文本字段以及在浏览器达到某个阈值时进行选择时，这对我来说效果很好，因此在平板电脑或手机上观看时，它的外观和感觉更具移动性

select  
{
    height:32px; -webkit-appearance: button;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: auto;
    background: url(../Content/Images/selector_trans.png), 
    -webkit-linear-gradient(#E5E5E5, #E5E5E5 40%, #E2E2E2);
    background-position: 100% 53%, center center;        
    background-repeat: no-repeat, repeat-x; 
}

---

我试过了，但结果出乎意料。下拉列表不可见，但仍然可以单击。我会用我找到的CSS更新我原来的帖子。谢谢你的意见。我试过了，但结果出乎意料。滴水

---

own不可见，但仍然可以单击。我会用我找到的CSS更新我原来的帖子。谢谢你的意见。那将非常酷！如果有人知道这是否已经可用，或者我是否可以成为它的beta测试人员：这正是我需要的！我想知道是否有一种方法可以查看并删除页面第一次出现时正在运行的javascript。我猜这些事件就是修改页面标签的原因。如果我能了解一下影响页面标记和select的方法调用，我可能就能够使用我需要的方法了。这并不理想，但至少在下载管理器可用之前是这样。那将非常酷！如果有人知道这是否已经可用，或者我是否可以成为它的beta测试人员：这正是我需要的！我想知道是否有一种方法可以查看并删除页面第一次出现时正在运行的javascript。我猜这些事件就是修改页面标签的原因。如果我能了解一下影响页面标记和select的方法调用，我可能就能够使用我需要的方法了。这并不理想，但至少在下载管理器可用之前是这样。