小编Ted*_*oas的帖子

这个jQuery代码片段可以缩短吗?

我刚开始使用jQuery,虽然下面的代码完成了工作,但我觉得它可以缩短.

var accountAddress = $(document.createElement("input")).addClass("readOnly")
        .attr("contentEditable", "false").attr("id", "d_accountAddress");

$("#customerid_c").next().next().next().append(accountAddress);
Run Code Online (Sandbox Code Playgroud)

如果不清楚 - 我正在做的是创建新的输入标签,分配类并使其成为只读,然后将新输入两个TD定位在某些已知文本的右侧.

更新:

这是我正在修改的简化HTML.我添加内容的地方标有## 1 #### 2 ##.

<TD id=customerid_c>
    <LABEL for=customerid>Customer</LABEL>
</TD>
<TD id=customerid_d></TD>
<TD class=ms-crm-Field-Normal>
    <LABEL>##1##</LABEL>
</TD>
<TD>##2##</TD>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

21
推荐指数
1
解决办法
2946
查看次数

iOS 10 Mail HTML无法正确响应

我正在创建一个时事通讯,我发现了一些奇怪的行为.

我有一个2里面的表,我希望它们是一个块和100%宽度,但发生以下情况:

在此输入图像描述

它还打破了邮件的其他部分.我已经尝试了很多......每个视口,最大宽度,最小宽度,我不知道该怎么做......

我验证了,媒体查询正在运行

我需要一些特殊的黑客吗?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml" style="box-sizing: border-box;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />    <meta name=”x-apple-disable-message-reformatting” />
    <meta property="og:title" content="*|MC:SUBJECT|*">
    <title>*|MC:SUBJECT|*</title>


    <style type="text/css">.inhalt li a {line-height:26px;}</style>


<style type="text/css">
body {
font-family: "Helvetica", "Arial";
}
img {
margin: 0; padding: 0; border: none;
}
body {
color: #000000; z-index: -3; font-family: "Helvetica", "Arial";
}
@media only screen and (max-width: 599px) {
  table[yahoo] {
    display: block; …
Run Code Online (Sandbox Code Playgroud)

html css newsletter html-email

8
推荐指数
1
解决办法
1274
查看次数

为什么 &lt;button&gt; 默认情况下悬停时没有指针光标?

首先,我想知道为什么需要为、、复选框和单选等cursor:pointer;元素添加悬停效果?<button><label>

其次,为什么<a>标签默认有这个?

html css user-experience

6
推荐指数
1
解决办法
5188
查看次数

无法使用 Eleventy 和 Sass @apply Tailwind 状态变体类

问题:

\n

I\xe2\x80\x99m 使用 11ty 与 Tailwind 和 Sass。每当我在 .scss 文件中使用 Tailwind 状态变体类(例如.class { @apply sm:flex })时,它都会否定整个 CSS 规则,包括用它声明的所有其他类。

\n

我希望能够在 .scss 文件中@applyTailwind 状态变体类(sm:*hover:*、 )group-hover:*

\n
\n

背景:

\n

我使用 11ty 和 Tailwind 开始了我的项目。I\xe2\x80\x99d 能够@apply毫无问题地编写 Tailwind 状态变体类:

\n
.class {\n  @apply flex sm:flex-col;\n}\n
Run Code Online (Sandbox Code Playgroud)\n

这将定义display: flex;宽屏幕和flex-direction: column;小屏幕尺寸的定义(我翻转了 Tailwind\xe2\x80\x99s 移动优先方法,请不要\xe2\x80\x99t 判断:))。

\n

一切工作正常,但我想要嵌套和其他一些 Sass 功能,所以我安装了这个 Sass 插件。之后,我\xe2\x80\x99m 仍然能够@apply在没有 a 的情况下使用 Tailwind …

sass tailwind-css eleventy

5
推荐指数
1
解决办法
195
查看次数

页面在css中滚动时仅显示滚动条

我有一个<div>带有以下CSS属性的不同类型图像的html页面:

.images_container {
   position: relative;
   height: calc(100% - 200px);
   padding-top: 20px;
   overflow: auto;
   margin: auto;
}
Run Code Online (Sandbox Code Playgroud)

当前正在显示页面滚动条,但我想仅在用户滚动页面时显示滚动条.这在CSS或JavaScript中是否可行?

html javascript css css3

4
推荐指数
2
解决办法
6639
查看次数

如何在HTML邮件程序中导入自定义字体(HTML电子邮件)

我正在使用HTML邮件程序(HTML电子邮件),我收到的设计包含自定义字体.如何在HTML电子邮件中使用自定义字体?

提前致谢.

html html-email webfonts font-face

2
推荐指数
1
解决办法
8518
查看次数

在 &lt;table&gt; html 电子邮件中嵌套 &lt;table&gt;

我在这里完全不知所措。我想在 html 电子邮件的居中表格中嵌套多个表格,并且 firebug 和 W3C 验证器都告诉我,打开表格标签多于关闭表格标签。firebug 中的测试显示包含表与嵌套表之前一样,而不是围绕它们。

如果我将包含更改<table>为 a <div>,所有问题都会消失。不知道出了什么问题。

这是有问题的 html 电子邮件:http ://coastmusic.com/optiweb/

html nested html-email css-tables

1
推荐指数
1
解决办法
4412
查看次数

在HTML电子邮件中使用浏览器系统字体堆栈

做系统字体堆栈,例如...

<p style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"> Whatever sans-serif font, but please use that ugly Arial as a last resort only </p>
Run Code Online (Sandbox Code Playgroud)

...也可以在普通电子邮件客户端中使用?

我已经在自己的设备(Outlook 2017和Android应用程序,Android电子邮件,Gmail Web和Android应用程序)上对其进行了测试,到目前为止,它似乎可以正常工作。

但是苹果呢?我没有要测试的设备,也不知道我是否必须使用系统名称或字体的真实名称。

outlook gmail html-email apple-mail

1
推荐指数
1
解决办法
565
查看次数