Jquery CSS';重叠';关于我的ASP.NET CSS
基本上,在我的Jquery CSS';重叠';关于我的ASP.NET CSS,jquery,asp.net,css,html,Jquery,Asp.net,Css,Html,基本上,在我的设计&浏览器中,JQuery滑块的CSS使我的ASP.NET按钮以这种方式显示,即使按钮的实际CSS显示在后面,在该部分中,它应该如下图所示 当页面运行时,我是否引用了ASP方面的错误信息?它应该如何运行?这只是它的样式,我可能出错了,或者可能有一些我不应该有的东西,所以我的问题是,你能想出任何可能导致我手上出现问题的错误信息吗 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="MachineSweepLite.
设计
&浏览器
中,JQuery滑块的CSS使我的ASP.NET按钮以这种方式显示,即使按钮的实际CSS显示在后面,在该部分中,它应该如下图所示
当页面运行时,我是否引用了ASP方面的错误信息?它应该如何运行?这只是它的样式,我可能出错了,或者可能有一些我不应该有的东西,所以我的问题是,你能想出任何可能导致我手上出现问题的错误信息吗
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MachineSweepLite.aspx.vb" Inherits="Production_MachineSweepLite" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="jquery.mobile-1.4.2.css" rel="stylesheet" />
<link id="stylesheet" href="ControlStyle.css" rel="stylesheet" type="text/css" runat="server" />
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'> </script>
<script type='text/javascript' src='jquery.mobile-1.4.2.js' ></script>
<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
</head>
<body background="../icons/Building-Confidence-logo.jpg" onload="init();">
<form id="form1" runat="server" class="formbackground">
<h1 runat="server" id="pageTitle"> </h1>
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1"
AutoGenerateColumns="False" BackColor="White" Width="100%"
style="font-size: xx-large">
<AlternatingRowStyle BackColor="#CCFFFF" />
<Columns>
<asp:BoundField DataField="Questions" HeaderText="Questions" SortExpression="Questions" />
<asp:TemplateField ItemStyle-Width="15%">
<ItemTemplate>
<div style="height: 50px; float: left; width: 27%;">
<%-- <label for="quesTion"></label>--%>
<select name="quesTion" id="quesTion" data-role="slider" runat="server">
<option value="Yes" selected="selected">Yes</option>
<option value="No">No</option>
</select>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:saleConnectionString %>" SelectCommand="Select AreaID, QuestionID, Questions From (Select AreaID, Question1,
Question2,
Question3,
Question4,
Question5,
Question6,
Question7
From MachineSweepQuestions) x
UNPIVOT
(
Questions
For QuestionID in (Question1, Question2, Question3, Question4, Question5, Question6,Question7)
) unpiv Where AreaID = @AreaID">
<SelectParameters>
<asp:QueryStringParameter Name="AreaID" QueryStringField="AreaID" />
</SelectParameters>
</asp:SqlDataSource>
<div style="width: 300px">
<asp:Button ID="backBtn" runat="server" Text="Back" cssclass="classname"
Height="50px" Width="90px" />
<asp:Button ID="checkBtn" runat="server" Text="Complete Check" cssclass="classname"
Height="50px" Width="149px" />
</div>
</form>
</body>
</html>
对
不
页面上引用了JQuery Mobile,它将设置自己的样式。您可以在按钮上设置一个主题样例,以设置默认移动样式之一
或者您可以使用主题滚轮创建自定义主题
另一个选项是覆盖可能很棘手的样式。这里有一个问题讨论这个问题,以及您如何能够覆盖 嗨,Elizabeth,这个应用程序目前实际上被编码为从移动浏览器显示到平板电脑(移动设备)中,因此我知道它可以设置自己的风格,你认为这与
标记中的交叉引用有关吗?标记是类,实际上在我的任何CSS中都没有引用,因为它阻止了我的背景显示,这意味着它可能占据了应用程序的前端?我真的不知道,但是Jquery主题目前超出了我的能力&我认为客户(我的老板)不会希望这样做。那么你有什么建议呢?我不确定这是否与表格上的课程有关,不过你可以试着把它拿出来看看是否有什么不同。我很确定问题在于JQuery移动库的使用,因为它将扩展按钮的宽度并应用基本样式,基本样式位于实际按钮的顶部。这是默认行为。它可以被针对JQuery Mobile类的CSS覆盖,应用主题将使您能够根据自己的偏好设置其样式,这将为您设置所有按钮样式和其他控件,或者通过删除JQuery Mobile framework来停止。不过,您也可以在按钮上设置data role=“none”以使JQuery Mobile忽略它们。data role=“一个也没有”对我来说很神奇,谢谢你,伊丽莎白。