Outlook移动版没有选择正确的样式

时间:2016-10-28 12:10:52

标签: html css outlook mailchimp

我打算创建一个时事通讯,但在outlook mobile中它并没有找到正确的造型。未提取的样式如下:app.controller('PageController', function ($scope, $http) { $scope.analyticsCountry = "default"; $scope.GetTrendingCDsByCountry = function () { $http({ method: 'Get', url: "/CD/GetTrending?id=" + $scope.analyticsCountry }) .success(function (data, status, headers, config) { $scope.cds= data; }) .error(function (data, status, headers, config) { $scope.message = 'Unexpected Error'; }); }; $.getJSON('//www.geoplugin.net/json.gp?jsoncallback=?', function (data) { $scope.testing = data; $scope.testing.country = data.geoplugin_countryName; //console.log($scope.testing.country); $scope.analyticsCountry = $scope.testing.country; console.log($scope.analyticsCountry); $scope.GetTrendingCDsByCountry(); }); }); 文字,bold文字和color

Here a link to the output

  • 像Folio ....这样的标题需要是蓝色和粗体。

  • 因此按钮中的文字必须是白色和粗体。

  • de full width按钮中的文字必须是大写的白色

这是图像左侧文本右侧的元素的html:

uppercase

1 个答案:

答案 0 :(得分:0)

outlook不支持所有CSS请访问https://www.campaignmonitor.com/css/

outlook版本就像有不同的css需要考虑因此你需要这样的东西来满足所有选项

<!--[if gte mso 9]> <style type="text/css"> /* Your Outlook-specific CSS goes here. */ </style> <![endif]-->